日报1127

emmet语法

快捷生成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

有类属性的标签

标签.类名称

• 例子

生成类名为noe的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=天空]