縮寫語法
Emmet 使用類似于 CSS 選擇器的語法描述元素在生成的文檔樹中的位置及其屬性。
使用方式
寫好縮寫之后咆霜，按一下tab鍵就能生成你所請求的代碼
創(chuàng)建初始文檔
輸入!或html:5，然后點(diǎn)擊tab鍵嘶朱，你就會看到一個(gè)HTML5的文檔結(jié)構(gòu)蛾坯。
createHtml.gif
（1）子代操作符（Child）：>
使用>操作符可以用來創(chuàng)建我們的子代元素：
ul>li>a
emmet-child.gif
（2）兄弟操作符（Sibling）：+
使用+運(yùn)算符可以用來生成相鄰的元素：
div+p
emmet-brother.gif
(3）返回上級操作符（Climb-up）：^
使用^操作符可以用來創(chuàng)建父級元素
emmet-farther.gif
（4）乘法操作符（Multiplication）：*
如果你想一次性生成多個(gè)相同的元素，比如列表中的li疏遏，那么就可以使用乘法運(yùn)算符
ul>li*5
emmet-mul.gif
快速添加類名脉课、ID、文本和屬性
使用”標(biāo)簽名#ID“格式添加ID
使用"標(biāo)簽名.class"添加類名
使用"標(biāo)簽名[attr]"添加屬性
使用"標(biāo)簽名{text}"添加文本
emmet-more.gif
自動編號
用“$”符號實(shí)現(xiàn)1到n的自動編號
emmet-order.gif
可在 “$” 后添加 “@n” 修改編號的起始值為n
emmet-order2.gif
