Emmet外掛協助HTML智慧型標籤輸入法

常用的可以到Cheat Sheet查找用法,不常用的就直接輸入就好
EMMET Cheat Sheet:http://docs.emmet.io/cheat-sheet/

 

!    直接帶出HTML5的文件架構

!    直接帶出HTML5的文件架構

+    表示同一層下一個標籤

#    表示標籤的ID名稱

>    表示下一層

*數字 表示乘以數個

 .  表示標籤的class名稱

$  表示依序編號

$@  表示依序編號並且指定起始號碼

^  表示回上一層

( )  表示群組先處理

[ ]  表示標籤的屬性

{ }  表示標籤的文字內容

link:css  按[Tab]鍵, 帶出<link ……>標籤語法

script:src  按[Tab]鍵, 帶出<script ……>標籤語法

meta:vp  按[Tab]鍵, 帶出<meta name="viewport" ……>標籤語法