emmet語法 1127

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