emmet语法

快捷生成html相关标签的一种语法

其它软件需要安装 vscode, sublime

webstrome,直接自带

h-builder-x,直接自带

快捷生成HTML骨架

!

生成一个标签

标签名

生成多个标签

标签名*数字

生成八标p标签
p*8

父子关系

父标签>子标签

生成div标签包裹a标签
div>a

一个父亲多个儿子

父标签>子标签*数字

div标签下有3个a标签
div>a*3

生成兄弟标签

兄弟1+兄弟2

带孩子兄弟

(兄弟1>孩子)+(兄弟2>孩子)

有id属性的标签

标签#id名称

生成id为one的p标签
p#one

有类属性的标签

标签.类名称

生成类名为one的p标签
p.one

生成多个标签具有同样的类

标签.类名*数量

生成6个类名为one的div标签

div.one*6

生成的标签中带内容

标签{内容}

生成div标签,包裹的内容是你好
div{你好}

计数器

标签{$}*数量

生成10个div标签,包裹计数值
div{$}*10

内容与计数器的混排

标签{内容$内容}*数量

生成6个div,包裹内容,统计是第几个盒子
div{第$个盒子}*6

指定标签的属性

标签[属性名=属性值]

生成一个a标签,指定target属性值为_blank
a[target=_blank]

生成一个img标签,让它的title等于天空
img[title=天空]