常用Emment语法

PS: 装好插件后，使用Tab即可补全。

后代：>

缩写：nav>ul>li

兄弟：+

缩写：div+p+bq

上级：^

缩写：div+div>p>span+em^bq

缩写：div+div>p>span+em^^bq

分组：()

缩写：div>(header>ul>li*2>a)+footer>p

乘法：*

缩写：ul>li*5

自增符号：$

缩写：ul>li.item$*5

缩写：h$[title=item$]{Header $}*3

缩写：ul>li.item$$$*5

缩写：ul>li.item$@-*5

缩写：ul>li.item$@3*5

ID和类属性

缩写：#header

缩写：.title

缩写：form#search.wide

缩写：p.class1.class2.class3

自定义属性

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

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

缩写：[a=’value1’ b=”value2”]

文本：{}

缩写：a{Click me}

缩写：p>{Click }+a{here}+{ to continue}

隐式标签

缩写：.className

缩写：em>.className

缩写：ul>.className

缩写：table>.row>.col

HTML

所有未知的缩写都会转换成标签，例如，foo → < foo >< /foo >

其余的为常用缩写，具体参考标题链接。