EMMET - сокращения для ускоренной верстки

Технические моменты создания сайтов и других Web-приложений.

Re: EMMET - сокращения для ускоренной верстки

Сообщение Spitch » 27 дек 2020, 08:35

Умножение, обозначается символом "*".
Набираем: ol>li*5
Нажимаем Emmet Abbreviation
Получаем:
Код: выделить все
<ol>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ol>

или p*3
Получаем:
Код: выделить все
<p></p>
<p></p>
<p></p>

Так работает Умножение.
Аватар пользователя
Spitch
Интересующийся
 
Сообщений: 107
Зарегистрирован: 11 янв 2013, 13:08

Re: EMMET - сокращения для ускоренной верстки

Сообщение Spitch » 08 янв 2021, 13:07

Удобная функция при быстрой верстки это Нумерация. Если нужно например сделать список с различными классами, можно написать например так:
ol>li.class_$*5
Получаем:
Код: выделить все
<ol>
    <li class="class_1"></li>
    <li class="class_2"></li>
    <li class="class_3"></li>
    <li class="class_4"></li>
    <li class="class_5"></li>
</ol>

Быстро и удобно.
Аватар пользователя
Spitch
Интересующийся
 
Сообщений: 107
Зарегистрирован: 11 янв 2013, 13:08

Re: EMMET - сокращения для ускоренной верстки

Сообщение Spitch » 17 янв 2021, 10:57

Удобно создавать ID и классы.
Для этого просто пишем например #main+.class
И получаем:
Код: выделить все
<div id="main"></div>
<div class="class"></div>

Или пишем #footer.class
И получаем:
Код: выделить все
<div id="footer" class="class"></div>
Аватар пользователя
Spitch
Интересующийся
 
Сообщений: 107
Зарегистрирован: 11 янв 2013, 13:08

Re: EMMET - сокращения для ускоренной верстки

Сообщение Spitch » 17 янв 2021, 11:04

Комментарии - быстрее не придумаешь.
Пишем "c"
Получаем:
Код: выделить все
<!--  -->
Аватар пользователя
Spitch
Интересующийся
 
Сообщений: 107
Зарегистрирован: 11 янв 2013, 13:08

Пред.

Вернуться в Программирование для Web

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2

cron