我们已经准备好了,你呢？

获取网站建设报价

2024我们与您携手共赢，为您的企业形象保驾护航！

一、Emmet简介

Emmet的前身是Zen Coding，它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，由两个核心组件组成：一个缩写扩展器（缩写为像CSS一样的选择器）和上下文无关的HTML标签对匹配器。

二、快速编写HTML代码

1.初始化

　　HTML文档需要包含一些固定的标签，比如,,等，利用Emmet可以1秒钟就可以完成这些标签的输入。

比如：输入“!”或“html:5”,然后按Tab键，就能生成：

html:xt：用于XHTML过滤文档类型；html:5或!：用于HTML5文档类型；

html:4s：用于HTML4严格文档类型。

2.轻松添加类，id，文本和属性



3.嵌套

利用Emmet只需一行代码就可以实现标签的嵌套：

>：子元素符号，表示嵌套的元素；

+：同级标签符号；

^：可以使用该符号前的标签提升一行。

比如：

p>span：

4.分组

利用Emmet可以通过嵌套和括号快速生成一些代码块，比如：输入(.foo>h1)+(#bar>h2)，会自动生成：

申明一个带类的标签，只需输入div.item，就会自动生成：

5.隐式标签

    6.定义多个元素

    要定义多个元素，可以使用符号*，比如：ul>li*5:


    输入ul>li.item$*3，将会自动生成：7.定义多个带属性的元素