Emmet

Emmet (по-рано известен като Zen Coding) е плъгин за текстови редактори, който предоставя множество инструменти за бързо писане на HTML и CSS код.

Emmet използва съкращения за да определи елементите, които искаме да генерира. Синтаксиса на тези съкращенията е подобен на CSS, така че може да изглежда познато.

Умножение

Оператора за умножение * определя броя на генерирания елемент.

ol>li*3

Този пример генерира списък с три елемента.

<ol>
    <li></li>
    <li></li>
    <li></li>
</ol>

Номериране

Функция, която позволява автоматично добавяне на номера.

ol>li.item$*3

Добавя се текущият индекс на класовете за всеки елемент в списъка.

<ol>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
</ol>

Обхванах много малка част от възможностите на Emmet. За повече информация може да разгледате документацията.