Emmet插件快速编写html小技巧

html初始化

1. html:5 或!：用于HTML5文档类型
2. html:xt：用于XHTML过渡文档类型
3. html:4s：用于HTML4严格文档类型

快速添加id和class属性

输入div.con#con 按tab，会自动生成<div class="con" id="con"></div>

快速写出嵌套代码

1.  >：子元素符号，表示嵌套的元素
2.  +：同级标签符号
3.  ^：可以使该符号前的标签提升一行

快速定义多个元素

输入a*3 按tab，会自动生成
<a href=""></a>
<a href=""></a>
<a href=""></a>

快速定义多个带属性的元素

输入div.item$*3 按tab，会自动生成
<div class="item1"></div>
<div class="item2"></div>
<div class="item3"></div>