输入代码


说明

快捷键说明

1.新建一个HTML文档,输入“!”或“html:5”,然后按Ctrl + E展开缩写

2.生成后代元素:> 大于号表示后面要生成的内容是当前标签的后代。例:nav>ul>li

3.生成兄弟元素:+ 加号表示后面的元素和前面的元素是兄弟元素。例:div+p+bq

4.生成上级元素:^ 表示^后面的元素与^前面的元素的父元素是平级,即兄弟元素。一个^表示提升一个层级,两个提升两级。例:div+div>p>span+em^bq

5.生成类名:. Emmet 默认的标签为 div ,如果我们不给出标签名称的话,默认就生成 div 标签。Emmet会根据父标签进行判定。例: .container

6.生成ID:#,例:#container

7.生成分组:()用括号进行分组,例:(.foo>h1)+(.bar>h2)

8.重复生成多份:* *号后面是想重复生成的份数,例:ul>li*5

9.对生成内容依次编号:$ $就表示一位数字,只出现一个的话,就从1开始。如果出现多个,就从0开始。如果我想生成三位数的序号,那么要写三个$,例:ul>li.item$*5

10.生成自定义属性:标签名[属性],例:td[rowspan=2 colspan=3 title]

11.生成文本内容:{} 大括号里面是你想添加的文本内容,例:a{Click me}

×

运行结果