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=天空]