|
В статье описана установка и примеры работы с плагином Emmet, который позволяет в несколько раз увеличить скорость написания HTML/CSS, в особенности нудных, повторяющихся кусков кода.
Для примера, строка:
Код: |
header>img#logo+div#siteslogan+div#menubox>(ul>li*10>a.menu-item{item$})+div#searchbox>input[type=text]+input[type=image]
|
превращается в:
Код: |
<header>
<img src="" alt="" id="logo">
<div id="siteslogan"></div>
<div id="menubox">
<ul>
<li><a href="" class="menu-item">item1</a></li>
<li><a href="" class="menu-item">item2</a></li>
<li><a href="" class="menu-item">item3</a></li>
<li><a href="" class="menu-item">item4</a></li>
<li><a href="" class="menu-item">item5</a></li>
<li><a href="" class="menu-item">item6</a></li>
<li><a href="" class="menu-item">item7</a></li>
<li><a href="" class="menu-item">item8</a></li>
<li><a href="" class="menu-item">item9</a></li>
<li><a href="" class="menu-item">item10</a></li>
</ul>
<div id="searchbox"><input type="text"><input type="image"></div>
</div>
</header>
|
Плагин доступен для большого количества текстовых редакторов.
Читать статью |
|
|
|
|