在編寫(xiě)HTML代碼時(shí)，我們可以使用Sublime提供的一些快捷寫(xiě)法來(lái)提高效率，這些快捷寫(xiě)法都是通過(guò)按下Tab鍵來(lái)實(shí)現(xiàn)的。 模板的快速生成 當(dāng)我們使用Sublime打開(kāi)一個(gè)空的HTML頁(yè)面時(shí)，只需要

在編寫(xiě)HTML代碼時(shí)，我們可以使用Sublime提供的一些快捷寫(xiě)法來(lái)提高效率，這些快捷寫(xiě)法都是通過(guò)按下Tab鍵來(lái)實(shí)現(xiàn)的。

模板的快速生成

當(dāng)我們使用Sublime打開(kāi)一個(gè)空的HTML頁(yè)面時(shí)，只需要輸入感嘆號(hào)"!"并按下Tab鍵，就可以自動(dòng)生成基本的HTML模板，如下圖所示：

標(biāo)簽的快速生成

如果想要快速輸入一個(gè)常見(jiàn)的標(biāo)簽，例如lt;pgt;標(biāo)簽，只需要輸入字母"p"并按下Tab鍵，Sublime會(huì)自動(dòng)補(bǔ)全成完整的lt;pgt;標(biāo)簽對(duì)，如下圖所示：

為標(biāo)簽添加屬性

如果想要給標(biāo)簽添加屬性，例如給lt;pgt;標(biāo)簽添加id屬性，可以使用以下形式進(jìn)行輸入：p#id。同樣地，如果要給lt;pgt;標(biāo)簽同時(shí)添加class屬性，可以使用p%的形式，如下圖所示：

填充標(biāo)簽內(nèi)容

使用花括號(hào){}可以快速填寫(xiě)標(biāo)簽的內(nèi)容，例如lt;pgt;標(biāo)簽的內(nèi)容可以直接在花括號(hào)內(nèi)添加，如下圖所示：

帶連接的lt;agt;標(biāo)簽

若要書(shū)寫(xiě)一個(gè)帶連接的lt;agt;標(biāo)簽，可以使用以下快捷寫(xiě)法："a[href'連接地址']{標(biāo)簽顯示內(nèi)容}"，如下圖所示：

子類(lèi)元素和兄弟元素

使用"gt;"可以填寫(xiě)為子類(lèi)元素，而使用空格可以填寫(xiě)兄弟元素，如下圖所示：

占位符的使用

如果我們的類(lèi)名是按順序來(lái)編號(hào)的，可以使用占位符進(jìn)行填充，如下圖所示：