Sublime的快捷寫法
在編寫HTML代碼時,我們可以使用Sublime提供的一些快捷寫法來提高效率,這些快捷寫法都是通過按下Tab鍵來實現(xiàn)的。 模板的快速生成 當(dāng)我們使用Sublime打開一個空的HTML頁面時,只需要
在編寫HTML代碼時,我們可以使用Sublime提供的一些快捷寫法來提高效率,這些快捷寫法都是通過按下Tab鍵來實現(xiàn)的。
模板的快速生成
當(dāng)我們使用Sublime打開一個空的HTML頁面時,只需要輸入感嘆號"!"并按下Tab鍵,就可以自動生成基本的HTML模板,如下圖所示:
標(biāo)簽的快速生成
如果想要快速輸入一個常見的標(biāo)簽,例如lt;pgt;標(biāo)簽,只需要輸入字母"p"并按下Tab鍵,Sublime會自動補全成完整的lt;pgt;標(biāo)簽對,如下圖所示:
為標(biāo)簽添加屬性
如果想要給標(biāo)簽添加屬性,例如給lt;pgt;標(biāo)簽添加id屬性,可以使用以下形式進行輸入:p#id。同樣地,如果要給lt;pgt;標(biāo)簽同時添加class屬性,可以使用p%的形式,如下圖所示:
填充標(biāo)簽內(nèi)容
使用花括號{}可以快速填寫標(biāo)簽的內(nèi)容,例如lt;pgt;標(biāo)簽的內(nèi)容可以直接在花括號內(nèi)添加,如下圖所示:
帶連接的lt;agt;標(biāo)簽
若要書寫一個帶連接的lt;agt;標(biāo)簽,可以使用以下快捷寫法:"a[href'連接地址']{標(biāo)簽顯示內(nèi)容}",如下圖所示:
子類元素和兄弟元素
使用"gt;"可以填寫為子類元素,而使用空格可以填寫兄弟元素,如下圖所示:
占位符的使用
如果我們的類名是按順序來編號的,可以使用占位符進行填充,如下圖所示: