emmet常用指令组合

emmet的应用

 

1.生成html（需要先将文件命名为.html后缀）

!+tab,html:5+tab

 

2.生成meta utf

meta:utf+tab

 

3.生成meta viewport

meta:vp+tab

 

4.生成IE兼容

meta:compat+tab

 

5.生成Link

link:css

 

6.生成script

script:src

 

7.生成a标签详情

a:link a:mail

 

8.元素同级

h2>span^p

 

9.给重复标签排序

ul>li>a{导航$}

倒序ul>li>a{导航$@-}

从固定数值开始ul>li>a{导航$@2}

 

10.给标签创建文本内容

a{文本内容}

 

11.给标签加上属性

img[alt="图片名称"]

 

12.多个重复标签

ul>li*12

 

13.加上class或者id

p.demo

p#demo

 

14.a标签的详细

a:link

a:mail

......