sublime-emmet
1.快速生成固定头标签: html:5 然后按tab键就可以生成;
2.添加class/id/文本和属性
p.foo 按tab键就生成 <p class="foo"></p>
p.foo#bar 按tab键就生成<p class="foo" id="bar"></p>
h1{hello} 按tab键生成 <h1>hello</h1>
a[href=#] 按tab键生成<a href="#"></a>
3.嵌套
div+h1 按tab键生成<div></div> <h1></h1>同一级标签
div>span按tab键生成<div><span></span></div>生成嵌套标签
div>span^按tabj生成
<div>
<h1></h1>
</div> //标准格式
4.分组
(.foo>h1)+(.bar>h2) 按tab键生成
<div class="foo">
<h1></h1>
</div>
<div class="bar">
<h2></h2>
</div>
5.隐式标签
Emmet默认是生成div标签,例如: .item 生成 <div class='item'></div>
但是
下面是所有的隐式标签名称:
li:用于ul和ol中
tr:用于table、tbody、thead和tfoot中
td:用于tr中
option:用于select和optgroup中
6.定义多个元素
li*6 表示定义了6个li标签
定义带属性的标签
li.item$*3 表示定义了3个类名为item1/2/3的li标签