Sublime快速生成html快捷方式（平時較常用）
阿新 • • 發佈：2020-07-20
tab鍵很強大，輸入要輸入的資訊後，點選tab鍵，效果即現。
頭部部分：（html5）
1、輸入“！”，按tab鍵；
2、輸入“html:5”，按tab鍵；
得到：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>
注意：編寫中文網頁，記得把頭部語言<html lang="en">改為<html lang="zh-cn">。
輸入“link”，按tab鍵；
得到：
<link rel="stylesheet" href="">
程式碼補全：
要輸入一段程式碼段，用拼接形式。
1、子集合 用“>”拼接，幾個子集用 星號 拼接，標籤內文字用“{value}”拼接，有序數字用“$”拼接
如：ul>li4>a{value$}
得到：
<ul> <li><a href="">value1</a></li> <li><a href="">value2</a></li> <li><a href="">value3</a></li> <li><a href="">value4</a></li> </ul>
2、同級元素用 "^" 拼接，可以用()把要優先順序區別開
如：div>(header>ul>li*2>a)+footer>p
得到：
<div> <header> <ul> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </header> <footer> <p></p> </footer> </div>
3、設定元素id，class，類似於css中id設定用#，class用. 。
如：#header{頭資訊}
得到：
<div id="header">頭資訊</div>
如：.title{標題}
得到：
<div class="title">標題</div>
4、快速輸入標籤，輸入標籤名稱，按下tab鍵
如：div input label video audio 等
得到：
<div></div> <input type="text"> <label for=""></label> <video src=""></video> <audio src=""></audio>