Emmet的前身是Zen Coding，它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，由两个核心组件组成：一个缩写扩展器（缩写为像CSS一样的选择器）和上下文无关的HTML标签对匹配器。
二、快速编写HTML代码
1.初始化
HTML文档需要包含一些固定的标签，比如 , , 等，利用Emmet可以1秒钟就可以完成这些标签的输入。
比如：输入“!”或“html:5”,然后按Tab键，就能生成：
Document
html:5或!：用于HTML5文档类型；
html:xt：用于XHTML过滤文档类型；
html:4s：用于HTML4严格文档类型。
2.轻松添加类，id，文本和属性
连续输入元素名称和ID，Emmet会自动补全，比如：输入p#foo，就能生成：
连续输入类和id，比如：p.bar#foo，会自动生成：
定义元素的内容：
h1{内容}：
内容
定义元素的属性：
a[href=#]:
3.嵌套
利用Emmet只需一行代码就可以实现标签的嵌套：
>：子元素符号，表示嵌套的元素；
+：同级标签符号；
^：可以使用该符号前的标签提升一行。
比如：
p>span：
h1+h2：
p>span^p：
4.分组
利用Emmet可以通过嵌套和括号快速生成一些代码块，比如：输入(.foo>h1)+(#bar>h2)，会自动生成：
查看更多关于Emmet:HTML/CSS代码快速编写技巧_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did109011