Emmet 介紹 – 縮寫篇

縮寫這樣的編輯方式是Emmet的核心功能,可以在輸入簡短的代碼後轉換成結構複雜的HTML,而且使用方式跟使用CSS的選取器雷同,所以非常易於使用。例如:

page>div.logo+ul#navigation>li*5>a{Item $}
------

<div id="page">
    <div class="logo"></div>
    <ul id="navigation">
        <li><a href="">Item 1</a></li>
        <li><a href="">Item 2</a></li>
        <li><a href="">Item 3</a></li>
        <li><a href="">Item 4</a></li>
        <li><a href="">Item 5</a></li>
    </ul>
</div>

以下分別介紹各種不同的縮寫撰寫模式

子結構:>

div>ul>li
------

<div>
    <ul>
        <li></li>
    </ul>
</div>

同層結構:+

div+p+bq
------

<div></div>
<p></p>
<blockquote></blockquote>

上一層:^

div+div>p>span+em^bq
------

<div></div>
<div>
    <p><span></span><em></em></p>
    <blockquote></blockquote>
</div>
div+div>p>span+em^^^bq
------

<div></div>
<div>
    <p><span></span><em></em></p>
</div>
<blockquote></blockquote>

乘法:*

ul>li*5
------

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

分組:( )

div>(header>ul>li*2>a)+footer>p
------

<div>
    <header>
        <ul>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
        </ul>
    </header>
    <footer>
        <p></p>
    </footer>
</div>
(div>dl>(dt+dd)*3)+footer>p
------

<div>
    <dl>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
    </dl>
</div>
<footer>
    <p></p>
</footer>

項目編號:$

ul>li.item$*5
------

<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
    <li class="item4"></li>
    <li class="item5"></li>
</ul>
ul>li.item$$*5
------

<ul>
    <li class="item001"></li>
    <li class="item002"></li>
    <li class="item003"></li>
    <li class="item004"></li>
    <li class="item005"></li>
</ul>
ul>li.item$@-*5
------

<ul>
    <li class="item5"></li>
    <li class="item4"></li>
    <li class="item3"></li>
    <li class="item2"></li>
    <li class="item1"></li>
</ul>
ul>li.item$@3*5
------

<ul>
    <li class="item3"></li>
    <li class="item4"></li>
    <li class="item5"></li>
    <li class="item6"></li>
    <li class="item7"></li>
</ul>
ul>li.item$@-3*5
------

<ul>
    <li class="item7"></li>
    <li class="item6"></li>
    <li class="item5"></li>
    <li class="item4"></li>
    <li class="item3"></li>
</ul>

內容:{ }

a{Click me}
------

<a href="">Click me</a>
p>{Click }+a{here}+{ to continue}
------

<p>Click <a href="">here</a> to continue</p>

ID and Class

div#header+div.page+div#footer.class1.class2.class3
------

<div id="header"></div>
<div class="page"></div>
<div id="footer" class="class1 class2 class3"></div>

自訂屬性

td[title="Hello world!" colspan=3]
------

<td title="Hello world!" colspan="3"></td>

You may also like...

19,506 Responses

  1. Williecrady表示:

    Kasino memastikan keamanan para pemain dengan baik http://bonaslot.site/# Kasino selalu memperbarui mesin slotnya

  2. Though it must be stated that most cars older than the Environmental Protection Agency’s 2001 model year cutoff were unlikely to nonetheless have legitimate, unexpired warranties, anyway.

  3. DavidCooth表示:

    https://preman69.tech/# Banyak pemain berusaha untuk mendapatkan jackpot

  4. Предлагаем ремонт meizu note 8 в Петербурге. Если у вас сломалась техника обращайтесь в сервис 911. Мы выполняем – Ремонт Meizu Note 8 профессионально, быстро и с гарантией!

  5. DavidCooth表示:

    http://slot88.company/# Slot dengan tema film terkenal menarik banyak perhatian

  6. JamesLok表示:

    Mesin slot dapat dimainkan dalam berbagai bahasa https://slotdemo.auction/# Banyak pemain menikmati jackpot harian di slot

  7. Williecrady表示:

    Slot menjadi daya tarik utama di kasino https://slotdemo.auction/# Kasino memastikan keamanan para pemain dengan baik

  8. DavidCooth表示:

    https://slotdemo.auction/# Banyak kasino memiliki program loyalitas untuk pemain

  9. Откройте двери в изысканности и тайны, где возможно всё. Наш Telegram-канал “Проститутки Москва” приветствует вас вас ждет уникальная подборка самых восхитительных и желанных девушек Москвы. Мы уверены, что каждый момент — это путь к новым открытиям и погрузиться в атмосферу роскоши и чувственности.

    Москва — это не только город с богатой историей, но и город возможностей, где Индивидуалки готовы исполнить любые ваши желания. Мы собрали только самых востребованных в сфере сопровождения, умеющих создавать незабываемые моменты. Здесь вы можете легко снять, заказать или вызвать проститутку, которая идеальным образом соответствует вашим предпочтениям.

    Шлюхи, которые работают с нами, обладают не только выдающейся внешностью, но и талантом делать каждый момент особенным. Они знают, как доставить вам удовольствие, и предложит вам незабываемое время. Пользуясь нашим каналом, вы можете рассчитывать на безупречный сервис, анонимность и безопасность. что ваше желание исполнится.

    Проститутки, отобранные для вас, проходят строгий отбор, чтобы вы получили максимум удовольствия. Вы можете быть уверены в их компетентности и честности. Каждая из них — это не просто красивая внешность, но и искусство соблазнения. С помощью нашего канала вы сможете легко просмотреть анкеты, определиться с вашим выбором и мгновенно назначить встречу.

    Наш Telegram-канал “Проститутки Москва” ваш ключ к миру страсти. Мы знаем, что у каждого свои предпочтения, поэтому у нас широкий ассортимент, чтобы угодить каждому. Здесь вы найдете как утонченных эскортниц, так и более смелых индивидуалок, которые наполнят вашу жизнь новыми красками.

    Отвлекитесь от повседневности и насладитесь роскошью и комфортом. Закажите проститутку из нашего канала, и вы откроете для себя новые грани удовольствия. Почувствуйте себя королем, наслаждаясь обществом прекрасных девушек, которые с нетерпением ждут вас.

    Все подробности здесь: https://t.me/s/Official_girl_msk и определитесь со своим выбором. Сделайте шаг навстречу новым ощущениям, которые запомнятся вам надолго. Индивидуалки с нетерпением ждут вас, чтобы вы получили максимум удовольствия.

    Почувствуйте себя особенным, наслаждаясь каждым мгновением. Москва – город возможностей и искушений, и мы покажем вам все самое интересное. Время вкушать наслаждения — отдайте предпочтение качеству, приглашайте тех, кто знает толк в удовольствиях.

    Наши девушки сделают вашу жизнь ярче, и каждый вечер будет особенным. Присоединяйтесь к “Проститутки Москва” и откройте новые горизонты удовольствия в сердце столицы.

  10. JamesLok表示:

    Kasino menawarkan pengalaman bermain yang seru https://slotdemo.auction/# Jackpot besar bisa mengubah hidup seseorang

  11. Williecrady表示:

    Pemain sering mencoba berbagai jenis slot https://slot88.company/# Kasino di Indonesia menyediakan hiburan yang beragam

  12. Williecrady表示:

    Slot dengan pembayaran tinggi selalu diminati http://slotdemo.auction/# Kasino selalu memperbarui mesin slotnya

  13. ThomasThype表示:

    Slot dengan tema budaya lokal menarik perhatian: garuda888 slot – garuda888.top

  14. Lee Knoche表示:

    I do not even understand how I ended up right here, but I thought this submit used to be good. I do not know who you are but definitely you are going to a famous blogger for those who are not already 😉 Cheers!

  15. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт фотоаппаратов canon рядом, можете посмотреть на сайте: ремонт фотоаппаратов canon
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  16. DavidCooth表示:

    https://slot88.company/# Slot modern memiliki grafik yang mengesankan

  17. Aaronbus表示:

    bonaslot.site BonaSlot Mesin slot digital semakin banyak diminati

  18. Aaronbus表示:

    slot demo slot demo gratis Jackpot besar bisa mengubah hidup seseorang

  19. Williecrady表示:

    Kasino sering mengadakan turnamen slot menarik http://preman69.tech/# Pemain sering berbagi tips untuk menang

  20. DavidCooth表示:

    https://slotdemo.auction/# Kasino di Bali menarik banyak pengunjung

  21. Ufehka表示:

    order lasix pill – buy piracetam 800mg sale how to get betnovate without a prescription

  22. DavidCooth表示:

    http://garuda888.top/# Kasino menawarkan pengalaman bermain yang seru

  23. Williecrady表示:

    Kasino selalu memperbarui mesin slotnya https://slotdemo.auction/# Kasino memastikan keamanan para pemain dengan baik

  24. Williecrady表示:

    Keseruan bermain slot selalu menggoda para pemain https://preman69.tech/# Slot dengan tema film terkenal menarik banyak perhatian

  25. Introducing to you the most prestigious online entertainment address today. Visit now to experience now!

  26. RichardCilky表示:

    Роман Викторович Василенко – биография бизнесмена
    судья Багданова
    Биография
    Мнение
    Роман Василенко – известный предприниматель и меценат. Бывший офицер, ушедший в запас с сохранением права ношения военной формы. Создатель альтернативной ипотеке социальной жилищной программы, позволяющей приобрести жилье не только трудоспособным гражданам, но также молодежи, лицам с ограниченными физическими возможностями, пенсионерам.
    Биография
    Родился 5 апреля 1969 года в Ленинграде, в семье морских офицеров. Детство Романа Василенко прошло в стандартных для многих военных семей условиях – в разъездах. Окончил школу в гарнизоне на Дальнем Востоке, после чего поступил в Ярославское высшее военное финансовое училище. Этот факт говорит о целеустремленности будущего бизнесмена – к абитуриентам военных училищ всегда предъявляются жесткие требования при отборе.

    После присвоения воинского звания в 1990 году Роман Василенко продолжил службу офицером в ВМФ. Уволился в запас в 1998 году в звании капитана третьего ранга (майор).

    Первые годы в бизнесе
    Еще во время службы в армии Роман Василенко начал задумываться о предпринимательской деятельности. После увольнения он работал в финансово-консалтинговых компаниях, при этом активно учился – посещал все доступные на тот момент бизнес-курсы: в Венгрии, Австрии, США, Швейцарии, на Маврикии и Кипре. Степень MBA получил во Франции. Суммарно в финансовом консалтинге бизнесмен проработал около 16 лет.
    Все это время Роман Василенко, по отзывам знавших его людей, стремился к чему-то большему. Он мечтал не просто об известности и собственном, хорошо отлаженном бизнесе. Ему хотелось создать проект, который будет полезен людям и обществу.

    Первый шаг оказался неудачным. В 2013 году он, вместе с партнером, создал собственную компанию. Благодаря его безупречной репутации и умению держать слово, дела резко пошли вверх. Но произошло то, что часто случается при излишней доверчивости – воспользовавшись удобным случаем, компаньон переоформил все документы на себя, оставив Романа Викторовича буквально ни с чем. Бизнесмен решил принять ситуацию как ценный опыт и продолжил интересоваться инвестированием.

    2014 год оказался поворотным в биографии Романа Викторовича – его пригласили на круглый стол, состоявшийся в Государственной Думе. Заседание было посвящено проблемам молодежи в свете утечки мозгов за границу. Главными причинами отъезда были названы нехватка жилья и невозможность найти достойную работу. Именно тогда и оформилась идея с конкретной целью – дать возможность людям жить достойно здесь и сейчас.

    Роман Василенко – жилищный кооператив как альтернатива ипотеке
    Наиболее предпочтительным вариантом оказалось объединение опыта в сетевом маркетинге и жилищного вопроса, к чему немедленно и приступил Роман Василенко. Best Way был создан в 2014 году. С момента основания принципиальной позицией работы компании стала прозрачность и абсолютная доступность информации для обычных пользователей.

    Как говорит сам Роман Василенко, участие в кооперативе можно рассматривать как покупку квартиры в складчину. Пайщик вносит 35% от стоимости квартиры, оставшуюся сумму 65% платит кооператив из собранных средств. Участник выплачивает долг беспроцентно в течение 10 лет, после чего жилье переходит в его собственность. При этом у него есть право прописаться и въехать в купленную квартиру сразу же после оформления сделки купли-продажи.

  27. Aaronbus表示:

    preman69 preman69 slot Pemain sering berbagi tips untuk menang

  28. Nlxclf表示:

    neurontin 100mg without prescription – cheap gabapentin online buy sporanox no prescription

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。