Menggunakan Emmet Numbering

Numbering pada emmet berfungsi untuk membuat nilai autoincrement. Numbering umum digunakan bersamaan dengan fungsi replikasi

Berikut contoh menampilkan teks h1 sebanyak 3 kali, dengan text Nomer 1 sampai 3.

<!-- h1{nomer $}*3 -->
<h1>nomer 1</h1>
<h1>nomer 2</h1>
<h1>nomer 3</h1>

Selain dalam teks, kita bisa gunakan juga pada element. Contoh untuk mengenerate h1-h3

<!-- h${nomer $}*3 -->
<h1>nomer 1</h1>
<h2>nomer 2</h2>
<h3>nomer 3</h3>

Atau dapat kita gunakan untuk penamaan class atau id

<!-- div#panel$*3>p{text$} -->
<div id="panel1">
    <p>text1</p>
</div>
<div id="panel2">
    <p>text2</p>
</div>
<div id="panel3">
    <p>text3</p>
</div>

Kita dapat memulai awal numbering dari angka tertentu dengan menggunakan simbol @.

<!-- ul>li.menu$@4*3 -->
<ul>
    <li class="menu4"></li>
    <li class="menu5"></li>
    <li class="menu6"></li>
</ul>

Kita juga bisa melakukan descending increment dengan memberikan tanda minus

<!-- ul>li.menu$@-1*4 -->
<ul>
    <li class="menu4"></li>
    <li class="menu3"></li>
    <li class="menu2"></li>
    <li class="menu1"></li>
</ul>