seo-doka.ru

Обсуждение тем по созданию и продвижению сайтов в поисковых системах, а так же актуальные новости и темы связанные с IT.
https://seo-doka.ru:443/forum/

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

https://seo-doka.ru:443/forum/viewtopic.php?f=15&t=3805

Страница 2 из 2

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

СообщениеДобавлено: 27 дек 2020, 08:35
Spitch
Умножение, обозначается символом "*".
Набираем: 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>

Так работает Умножение.

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

СообщениеДобавлено: 08 янв 2021, 13:07
Spitch
Удобная функция при быстрой верстки это Нумерация. Если нужно например сделать список с различными классами, можно написать например так:
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>

Быстро и удобно.

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

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

Или пишем #footer.class
И получаем:
Код: выделить все
<div id="footer" class="class"></div>

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

СообщениеДобавлено: 17 янв 2021, 11:04
Spitch
Комментарии - быстрее не придумаешь.
Пишем "c"
Получаем:
Код: выделить все
<!--  -->
Часовой пояс: UTC + 3 часа
Страница 2 из 2
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/