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>