[html] 编写html时,你有没有用过Emmet插件呢?说说它的优点及规则有哪些?

用过,vscode编辑器自带支持Emmet语法;
它可以帮助快速编写HTML代码,减少复制粘贴的操作;
常见规则:
1. > 插入子元素;

    ul>li>a

<ul>
  <li><a></a></li>
</ul>

2. + 生成兄弟元素;

    div+p+section

<div></div>
<p></p>
<section></section>

3. * 生成多个相同元素

    ul>li *3

<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>

4. # 和 . 分别生成带id和class的元素

    div#submit+div.btn+div#submit.btn

<div id="submit"></div>
<div class="btn"></div>
<div id="submit" class="btn"></div>

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题