emmet语法

http://emmet.evget.com/

http://www.w3cplus.com/tools/emmet-cheat-sheet.html

 

自定义属性

缩写：p[title="Hello world"]

<p title="Hello world"></p> 

缩写：td[rowspan=2 colspan=3 title]

<td rowspan="2" colspan="3" title=""></td> 

缩写：[a='value1' b="value2"]

<div a="value1" b="value2"></div>

Child: >

nav>ul>li

<nav> <ul> <li></li> </ul> </nav>

Sibling: +

div+p+bq

<div></div> <p></p> <blockquote></blockquote>

Climb-up: ^

div+div>p>span+em^bq

<div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div>

div+div>p>span+em^^bq

<div></div> <div> <p><span></span><em></em></p> </div> <blockquote></blockquote>