Emmet 语法

什么是 Emmet 语法？
简单来说，就是可以快速构建 HTML 结构的快捷语法。
我大多数使用的是 Webstrom 代码编辑器，因此是内置了 Emmet 语法的。这次使用的是 Sublime 编辑器，这就需要去网上下载相应插件，在网上这类教程很多，可以去搜索一下。
初步认识Emmet
- 嵌套运算符
  - 子代：>
    兄弟：+
    父代：^
    重复：*
    成组：()
    例子：
    (div>dl>(dt+dd)*3)+footer>p
    按回车键可以快速创建代码框
- 属性运算符
  - ID：# CLASS：.
  - 属性：[]
    例子：
    (div+p#test>span.test2.test3)*5+p[name=”hello”]>div.test4^a*5