[转]前端HTML书写不得不掌握的Emmet缩写语法

转载自：https://cloud.tencent.com/developer/news/349879

相似链接：https://www.cnblogs.com/goyeah/p/6161074.html

前端HTML书写不得不掌握的Emmet缩写语法

前端开发中，最费时间的工作就是写 HTML、CSS 代码。标签、属性、括号等。Emmet语法规则，能大大提高代码书写，让你写的时候爽到飞起！只需要敲一行代码就能生成你想要的完整HTML结构.

1. Html基础结构

！ + Tab键

2. 子节点（>）

如：div>ul>li + Tab键

3. 重复 *

 

4. 兄弟节点（+）

div+ul+span

5. 分组() . 括号里面的内容为一个代码块，表示与括号内部嵌套和外面的的层级无关

div>(ul>li>a)+div>p

 

6. 文本（{}）

a. link*3

灯塔学习网灯塔学习网灯塔学习网

7. 数字 $

ul>li{$}*5 -->

1

2

3

4

5

 

• 发表于: 2018-11-11
• 原文链接：https://kuaibao.qq.com/s/20181111A0Y9DU00?refer=cp_1026