廢話不多說，直接硬貨，在使用Sublime寫Html時那些常用的快捷鍵：
- 一、建立檔案快速生成HTML頭部資訊的方法：!+tab
先建立一個檔案，命名以html為字尾進行儲存(如：test.html)
輸入!或html:5，然後按 Tab 鍵(注意，這裡的!必須是英文的歎号)
使用!
使用html:5
這是快速補全結果：
補全結果
- 二、快速注釋:Ctrl+/（win）、 command+/(mac)
HTML中的注釋格式是這樣的 <!-- -->，中間是注釋的内容
而添加注釋的快捷鍵是Ctrl+/（win）、 command+/(mac)，隻要滑鼠在該行，無論是行首，中間，還是行尾，都直接注釋滑鼠所在行的整行
（如果要注釋多行，直接選中要注釋的行，按Ctrl+/（win）、 command+/(mac)）
注意：取消注釋相同操作，如果目前行（或者所選行）是注釋狀态，使用此快捷鍵會進行反注釋
快速注釋
這是注釋的結果
這是選擇多行後使用快捷鍵注釋
- 三、快速補全單個标簽:tab
我們寫标簽的時候， 要寫左括号，但左右尖括号（<>），這需要組合輸入，比較煩，tab标簽補全解決了你的煩惱。
比如你想寫個p标簽，直接寫個p，然後按下tab即快速的完成了p标簽的基本結構，我們隻要填充内容即可
直接寫個p，然後按下tab鍵
補全結果
- 四、快速插入多個相同标簽：标簽名*n+tab
當需要插入好幾個相同的标簽時，怎麼辦？
比如想插入中五個連續的p标簽
這時，我們隻需敲出一個标簽名p，然後再*5,即：p*5 然後按下tab
多個p标簽
補全結果
- 五、快速插入父子元素（主要用于清單操作）：ul>li*5 +tab
在寫清單時，我們經常要插入多個清單選項,一個個寫很麻煩，沒問題，快捷鍵幫你，如下圖所示：
父子元素用>
補全結果
- 六、快速插入兄弟元素:h2+p + tab
如果想快速插入多個兄弟元素，比如一個2級标題和一個段落，那麼隻需要将2個元素名用“+”号連起來，然後補全即可
兄弟元素+
補全結果
- 七、快速使用link标簽選擇樣式:link:css +tab
可能有人會說，直接link+tab不就好了嗎？你錯了，這樣的link如下圖所示
沒有css的link
但使用link:css +tab補全，如下圖所示,我們隻要補全路徑與檔案名即可，系統已經自動補全了檔案字尾
使用link:css
- 八、快速選擇目前行/此後多行：ctrl+l(win) 、command+l(mac)
選擇目前行：ctrl+l
選中單
選擇多行：連續ctrl+l
- 九：批量選中重複内容：Control+Command+G
選中要修改的文案，如p标簽的具體内容，那麼所有具有該内容的地方，都會被選中，進行同步修改，若果為空，那麼将同步為該标簽添加内容
同步修改重複内容
同步為p标簽修改/添加内容
其實sublime在寫html/css時還有很多的快捷鍵，比如在設定某元素的寬度和高度時，不必把“width：200px；”全部鍵入，隻需要敲出首字母，再按Tab鍵即可
再比如對于某些較長的屬性，我們也不需要全部敲出來，下面以background-color（背景顔色為例）
這裡就不一一講述了，在工作使用的過程中，你可能會發現更多或者更好用的快捷鍵，您可以在下方留言補全，以幫助小夥伴們避坑，共同進步