学习Emmet

学习Emmet

在进行Web开发时，就免不了需要编写html文件，如何快速(偷懒^-^)的进行编写html,是个大问题，上网找了一下，发现了一个好东西
，视频教程可以看下小马技术Emmet爆速开发，
VSCode内置了Emmet,Visual Studio中是ZenCoding。这里记录一下知识要点。

1. • div
   • a
   • p
   • span

   后接Tab键

2. id,class和属性

   输入	输出
   div#mainBody
   div.container
   div#mainBody.container
   a[title='测试']
   button[data-toggle="modal" type="buton"]
   h1{这是内容}	这是内容

3. 批量生成

   输入	输出
   p*3
   div.cssSection*3
   div.cssSection$$*11
   div.cssSection$@3*5

4. 嵌套生成

   输入	输出
   main>section*3
   main>section*3+button.btn.btn-primarty
   main>section*3^footer
   ul>li*3
   ul*2>li*3

5. 默认Tag生成

   输入

   输出

   div.container

   .container

   ul>.item*5

   table>tr.row*2>td.col4*3

   table>.row*2>.col4*3

6. 默认属性生成

   输入	输出
   a
   a:mail
   a:link
   script:src
   meta

7. 表单生成

   输入	输出
   form
   form:get
   form:post
   input
   input:b
   select>option*3
   select>[value="item$"]*3

8. XML生成

   输入	输出
   root>palyer*3