Emmet语法快速生成html标签

1、生成标签直接输入标签名按tab键即可；
2、如果想要生成多个相同的标签，加上就可以了，比如div3可以生成3个div;

 <!-- div*3 -->
    <div></div>
    <div></div>
    <div></div>

3、如果有父子级关系的标签，可以用 > 比如div>p；

 <!--父子关系 div>p -->
    <div>
        <p></p>
    </div>

4、如果有兄弟关系的标签，用+就可以了，比如 div+p；

 <!--兄弟关系 div+p -->
    <div></div>
    <p></p>

5、如果生成带有类名或者id名字的，用.demo或者#demo；

 <!-- 生成带有类名或者id名的 -->
    <!-- .demo/#demo默认是div标签 -->
    <div class="demo"></div>
    <div id="demo"></div>
    <!--p.demo/p#demo-->
    <p class="demo"></p>
    <p id="demo"></p>

6、如果生成的标签类名是有顺序的，可以使用$自增符号，默认从1开始；

 <!-- div.demo$*3多个标签的类名有顺序 -->
    <div class="demo1"></div>
    <div class="demo2"></div>
    <div class="demo3"></div>

7、如果想要在生成的标签内部谢内容可以用{ }表示；

<!-- 标签{}   {}标签内部的内容 -->
    <p>Emmet语法</p>