Emmet記法

クラス

code:emmet

div.hogehoge.fugafuga

code:html

<div class="hogehoge fugafuga"></div>

id

code:emmet

div#hogehoge

code:html

<div id="hogehoge"></div>

入れ子

code:emmet

div>a

code:html

<div><a></a></div>

並列

code:emmet

div+a

code:html

<div></div><a></a>

属性

code:emmet

code:html

<a href="#"></a>

繰り返し

code:emmet

a*5

code:html

<a></a>

<a></a>

<a></a>

<a></a>

<a></a>

繰り返しとindex

code:emmet

div*4.sample-$

code:html

<div class="sample-1"></div>

<div class="sample-2"></div>

<div class="sample-3"></div>

<div class="sample-4"></div>

文字列

code:emmet

div{hogehoge}

code:html

<div>hogehoge</div>