Emmet 语法

1、子标签符号： >

table>ul>li

Emmet生成html代码时，>符号将生成子标签，例如上面的命令，tab补全后生成如下代码：

<table> <ul> <li></li> </ul> </table>

2、同级标签符号： +

div+span+p

符号“+”在Emmet中表示该标签的同级标签，生成html代码如下：

<div></div> <span></span> <p></p>

3、上一级标签符号： ^

div+div>p>span^em

符号“^”在Emmet中表示该标签的上一级标签，生成的html 代码如下：

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

4、组标签符号： ()

div>(ul>li>a)+(ol>li>a)

符号“()”在Emmet中用于将标签进行分组，生成的html代码如下：

<div> <ul> <li><a href=""></a></li> </ul> <ol> <li><a href=""></a></li> </ol> </div>

5、乘法符号： *

ul>li*3

符号“*”在Emmet中表示乘法，生成的html如下：

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

6、编号符号： $

h$.item$${Head10$@-}*3 注：此命令共有3处使用了编号符号 1、h$表示给h标签编号，h$表示从h1开始，后面*3表示生成3个，即h0~h3三个标签。 2、.item$$表示给h标签的类名称编号，h$$表示从01开始。 3、{Head10$@-}表示给h标签的内容编号，@-表示倒序。

符号“$”在Emmet中用于进行编号，上述命令会生成如下代码：

<h1 class="item01">Head103</h1> <h2 class="item02">Head102</h2> <h3 class="item03">Head101</h3>