Emmet语法

1. ctrl+/ 快速的生成注释代码

2. html:5 生成html5的最基础的页面结构

3. 输入任意的html标签，都会自动的生成完整的闭合标签

4. 生成带有id、class的HTML标签
   4-1 使用 # 生成id属性，例如输入div#header则生成

   <div id="header"></div>
   

   4-2 使用. 生成class属性，例如输入div.section则生成

   <div class="section"></div>
   

5. 使用>生成后代标签，例如输入div>span则生成

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

6. 使用**+生成兄弟标签**，例如输入div+p则生成

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

7. 使用^生成上级标签，例如输入ul>li>a ^h1则生成

    <ul>
       <li><a href=""></a></li>
       <p></p>
   </ul>
   

8. 使用* 重复生成多个标签，例如输入div*3则生成

   <div></div>
   <div></div>
   <div></div>
   

9. 使用（）生成分组的标签，例如输入ul>(li>a)*3则生成

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

10. 使用[]生成自定义属性，例如输入a[href=http://www.baidu.com][alt=baidu]则生成

    <a href="http://www.baidu.com" alt="baidu"></a>
    

11. 使用$ 生成递增的属性标签，例如输入ul>li.item$*3则生成

    <ul>
           <li class="item1"></li>
           <li class="item2"></li>
           <li class="item3"></li>
    </ul>
    

    可以采用{$}用来表示文本内容按照顺序生成

    11-1 结合@N想要从某个特定的顺序开始生成，例如输入ul>li.item$@10*3则生成

     <ul>
           <li class="item10"></li>
           <li class="item11"></li>
           <li class="item12"></li>
       </ul>
    

    11-1-1 $ 可以使用多次，表示位数，实现多位递增，想生成几位输入几个$,例如输入ul>li.item$$$*3则生成

    <ul>
           <li class="item001"></li>
           <li class="item002"></li>
           <li class="item003"></li>
       </ul>
    

    11-1-2 结合@N想要从某个特定的顺序开始生成，例如输入ul>li.item$@10*3则生成

     <ul>
           <li class="item10"></li>
           <li class="item11"></li>
           <li class="item12"></li>
       </ul>
    

    11-1-3结合**@-逆序生成到某个数**，例如输入ul>li.item$@-10*3生成

    <ul>
          <li class="item12"></li>
          <li class="item11"></li>
          <li class="item10"></li>
      </ul>
    

12. 缺省元素
    12-1 声明一个代class的div可以不用输入div，直接输入.header+.main+.footer则生成

     <div class="header"></div>
      <div class="main"></div>
      <div class="footer"></div>
    

    12-2 Emmer还会根据父标签进行判定，例如输入table>.row3>.col2则生成

     <talbe>
         <div class="row">
             <div class="col"></div>
             <div class="col"></div>
         </div>
         <div class="row">
             <div class="col"></div>
             <div class="col"></div>
         </div>
         <div class="row">
             <div class="col"></div>
             <div class="col"></div>
         </div>
     </talbe>