快速生成html标签快速编写标签效率

语法

Emmet是一种用于快速编写HTML和CSS代码的语法,可以帮助开发人员更高效地创建页面结构。通过简单的缩写,Emmet可以快速生成HTML标签,节省开发时间并提高生产力。以下是一些常用的Emmet语法示例:

  1. 创建div标签:输入 “div” 后按下 Tab 键即可生成

    标签。

  2. 创建带有类名的元素:输入 “div.classname” 后按下 Tab 键即可生成 <div class="classname"></div>

  3. 创建带有ID的元素:输入 “p#myid” 后按下 Tab 键即可生成 <p id="myid"></p>

  4. 创建嵌套元素:使用 ”>” 符号来嵌套元素,例如 ul>li*3 会生成一个包含三个li标签的无序列表。

  5. 创建相邻元素:使用 ”+” 符号来创建相邻兄弟元素,例如 “h2+p” 会生成一个标题后面跟着一个段落。

视频链接:

(https://www.bilibili.com/video/BV14J4114768?p=94)