[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>我常用的就这几个,更多语法参见Emmet文档
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题