Emmet的html自动补全语法

一.元素

1. 在编辑器中输入元素名称，即可自动补全生成 HTML 标签，即使不是标准的 HTML 标签。

2. 输入：! 或者 html:5 或者 html:4s 或者 html:4t 将自动补全html基本结构

二.嵌套操作

1. 使用“>”生成子元素

   // 输入
   div>ul>li
   
   // 按下TAB键
   <div>
       <ul>
           <li></li>
       </ul>
   </div>
   

2. 使用“+”生成兄弟元素

   // 输入
   div+p+bq
   
   // 按下TAB键
   <div></div>
   <p></p>
   <blockquote></blockquote>
   

3. 使用“^”生成父元素

   // 输入
   div+div>p>span+em^bq
   
   // 按下TAB键
   <div></div>
   <div>
       <p><span></span><em></em></p>
       <blockquote></blockquote>
   </div>
   

4. 使用*生成多个相同元素

   // 输入
   div>ul>li*5
   
   // 按下TAB键
   <div>
       <ul>
           <li></li>
           <li&g