Emmet语法

快速生成HTMl结构语法

1、生成标签

　　输入标签名按tab键

2、生成多个相同标签

　　在标签名后加上*以及需要生成的数量

　　比如：div*3

3、生成有父子关系的标签

　　>

　　例：ul>li

4、生成有兄弟关系的标签

　　+

　　例：div+p

5、生成带类名或者id的标签

　　直接写 .类名 或者 #id名，然后tab键即可

　　如果生成的不是div，可以用 标签名.类名、标签名#id名，然后tab键即可

6、生成有顺序类名的div

　　$：自增

　　例：

div.class$*5
    <div class="class1"></div>
    <div class="class2"></div>
    <div class="class3"></div>
    <div class="class4"></div>
    <div class="class5"></div>

div{$}*5
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>

7、生成带内容的标签

　　同上