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...

7,810 Responses

  1. Jogos de azar no melhor cassino Fortune Tiger

  2. StephenDeery表示:

    Дипломы Недорого

    Дипломы Недорого
    В нашем центре вы можете купить оригинальный диплом магистра в Москве. Подробности сделки обсуждаются как в телефонном режиме, так и при личной встрече с одним из наших сотрудников. Вам не стоит беспокоиться о надёжности нашего интернет-магазина. Однако помните, что если исполнительные органы или даже ваши преподаватели узнают о покупном дипломе, то вас отчислят прямо перед защитой ВКР. Работодатели все чаще обращают внимание на реальные навыки и опыт кандидатов, а не только на наличие диплома. Не нужно будет искать информацию о ВУЗе, куда вы хотите поступить.
    http://www.russkiy365-diploms-srednee.ru
    Купить Справку Вызов
    Для того, чтобы сделать диплом “подлинным”, нужно обратиться в соответствующую компанию, которая специализируется на изготовлении дипломов. Если вы решили купить, то в течении суток либо на следующий день документ будет у вас на руках, если вы находитесь в Москве или Санкт-Петерубрге. Возможный обмен имеющегося диплома Недорого на такой же, но с лучшими оценками.
    Купить Гос Диплом
    Первый работает, набирается опыта, самостоятельно обучается и собирается купить диплом вуза, второй только ищет причины, почему не может ничего сделать. Мы предоставляем альтернативу традиционному обучению, предлагая купить диплом Недорого бакалавра без необходимости посещения диплома Недорого. Могу ли я быть уверена, что после оформления заказа вы не исчезнете с моими деньгами. Что касается наших достоинств, то мы успешно изготавливаем документы более 15 лет, имеем безупречную репутацию надежного партнера.

  3. SDichaelDax表示:

    Купить Диплом Зубного Техника
    Его можно обрести после испытаний, но можно и купить медицинский сертификат диплома Зубного в Перми. Причин этому может быть много, но чаще всего даже уже имевшийся, но не пригодившийся в своё время диплом куда-то пропал, а в нынешней ситуации неожиданно понадобился. Соискатели на должности в аппарате управления уже на первом собеседовании начинают понимать, что их оппоненты имеют ряд преимуществ при условии наличия у них диплома MBA. Так ведь в школах ответственность намного больше, а зарплата и перспективы меньше. За более чем 20 лет Мы является авторитетным, профессиональным и успешным партнером по изготовлению документов на настоящих бланках Гознак. Несовершеннолетнему (сидит в ВК) 11 апреля суд удовлетворил условно-досрочное освобождение. По факту если у специалиста, занимающего определенную должность на предприятии, имеются все нужные знания для качественного выполнения своих обязанностей, совсем не обязательно тратить время на обучение, а можно купить свидетельство об уровне квалификации в Абакане в нашей фирме.
    russkiy365-diploms-srednee.ru
    Сколько Стоит Диплом Юриста
    Специалисты компании изготовят любой документ на официальном бланке на заказ. Поэтому выбор места обучения и подход к получению специальности должны быть максимально серьезными и взвешенными. Кроме того, наличие специального образования у каждого техника, является обязательным условием согласно последним правкам в трудовом кодексе и покупка диплома в Иркутске – это возможность обойти бюрократические преграды на пути к карьерному росту.
    Серия Диплома Старого Образца
    Буквально зубней Техника неделю вы сможете получить заветный документ, который начнет приносить стабильный доход не только в Москве, но и по всей России. Предварительно вышлем макет, потом фото (скан) готового документа. Теперь они проходят не государственную, а итоговую аттестацию, поэтому больше не получают диплом об окончании аспирантуры, который подтверждал получение высшего образования. Назначим опытного эксперта по вашему предмету и проконтролируем его по срокам выполнения.

  4. SShaneevige表示:

    Сколько Стоит Доверенность У Нотариуса На Получение Документов
    Для его изготовления мы используем оригинальные бланки государственного образца. В отношении допризывников все обследования и повторное освидетельствование должны быть проведены до окончания работы комиссии по постановке на первоначальный воинский учет. Например, вместо того, чтобы приобрести диплом гознак можно купить диплом в Уфе или просто диплом одного из вузов любого уездного города. Следующий этап, прохождение, непосредственно перед выдачей документа, аттестационной комиссии по специальностям этого факультета. Подумайте, какую сумму вы могли бы заработать, вместо того, чтобы брать выходные за свой счет. Доступна довузовская подготовка, дополнительное профессиональное образование, совместные учебные программы с Академией народного хозяйства, Сколтех, Гренобльским технологическом институтом.
    http://www.russkiy365-diploms-srednee.ru
    Диплом Колледжа Образец
    Изготовление настоящих дипломов государственного образца, Бесплатную курьерскую доставку в любой регион страны, Возможность оплаты при получении после проверки, Полную конфиденциальность личных данных. На это может потребоваться не только время, но и деньги, особенно если смерть была засвидетельствована на другом конце страны. Вполне возможно, что многие из тех, кто получили дипломы ещё в студенческие годы, до сих пор работают по специальности, однако в большинстве своём это люди, бывшие одногруппники вашего знакомого. Преимущества сотрудничества с нами: возможность купить диплом недорого, при этом не нужно тратить время и деньги на обучение в учебном заведении.
    Купить Диплом О Высшем Образовании В Алматы
    Следуя этим простым советам, вы сможете избежать разочарований после покупки. По своему внешнему виду корочки об окончании вузов подразделяются по годам выпуска: специалистам в 20142015 годах (нового образца), документы, которые выдавались в российских вузах в 20112013 годах, по формам, действовавшим в 20092011 годах, аттестаты, подтверждающие наличие полного среднего образования (действующие варианты). Диплом кандидата наук Диплом доктора наук Дипломы о дополнительном образовании Диплом о профессиональной переподготовке Удостоверение о повышении квалификации Удостоверение интернатуры Диплом ординатуры. Купить диплом вуза с гарантией безопасности недорого и полной анонимностью, то что предлагает наша оорганизация.

  5. Allenacurf表示:

    pharmacie en ligne sans ordonnance: Levitra sans ordonnance 24h – pharmacie en ligne france livraison internationale

  6. SLhaneevige表示:

    Атестат За 9 Класс
    Причин купить диплом может быть ни одна и не две, но главная это желание занять перспективную должность на предприятии или в компании. Позвоните нам и получите бесплатную консультацию по За 9 классам приобретения документов. Каждая бумага, оформленная у нас, пройдет абсолютно любую проверку под ультрафиолетовой лампой. В России самые престижные учебные заведения расположены в столице. В Чите много учебных заведений вузы, ПТУ, колледжи, училища и техникумы. После защиты диссертации аспирант получает диплом кандидата наук.
    http://www.russkiy365-diploms-srednee.ru
    Как Получить Аттестат С Отличием В 11 Классе
    Купить диплом о среднем образовании, полностью соответствующий государственным требованиям это самое верное решение в случае необходимости. В жизни нас подстерегают самые неожиданные обстоятельства, только мы сами можем разрешить свои проблемы и удержаться на плаву. Выданный диплом абсолютно идентичен За 9 классу, полученному в вузе. Мы предлагаем купить диплом врача, диплом инженера, документ о высшем образовании (магистратура, бакалавриат, специалитет), диплом бакалавриата и купить диплом бухгалтера, диплом юриста.
    Аттестат 2015
    Если не получается получить высшее образование, можно купить класс магистра. Оформление заказа в нашем сервисе обеспечивает получение бланка на выбор, включая ВУЗы, высшие учебные заведения, институты и университеты. Будучи надежной компанией, мы не раздаем пустых обещаний и перед изготовлением документа предоставим вам отсканированную копию диплома. Благодаря такому сотрудничеству учащиеся данного вуза обладают уникальной возможностью ещё в процессе обучения получить отличный опыт и практику в этой деятельности.

  7. SShaneevige表示:

    Что Такое Генеральная Доверенность На Автомобиль
    Если вы пожелаете, мы можем занести диплом в Единый реестр дипломов, что станет окончательным подтверждением его достоверности. С 1996 года наша компания помогает дистанционно дешево купить диплом института или университета РФ с проводкой и занесением в реестр тем, кому он действительно нужен. Позвоните нам и вы узнаете все детали покупки, к дипломам старого образца таких жестких требований нет, насколько популярна специализация, которую вы выбрали. Ведь далеко не каждый работодатель готов взять на такую генеральную доверенность На Автомобиль дипломированного специалиста, не имея на руках документа об образовании. Единственное, чем отличаются наши дипломы от тех оригиналов, что выдает учебное заведение отсутствие записи в реестре вуза. Чем раньше ВУЗ закрылся, тем больше вероятность, что информации о выданных дипломов нет в общей базе данных.
    russkiy365-diploms-srednee.ru
    Диплом О Высшем Образовании Оценки
    Некоторые люди не знают, где купить диплом о высшем образовании. Так в каких ситуациях понадобится предоставить такой документ и почему так надо купить свидетельство о разводе в Перми. Нужно учесть, что некоторые исполнители на Avito могут не точно описывать суть предлагаемой услуги.
    Диплом Об Образовании Купить
    На лицевой стороне наблюдается эффект нечеткого восприятия зрением изображений и надписей, как и на оригинальном документе. Однако чтобы не тратить время на обучение и существует такая услуга, как продажа школьных аттестатов с золотой медалью либо просто нужными оценками по нужным предметам. Диплом технического образования – это формальность, но очень необходимая.

  8. Jogos de azar no melhor cassino Fortune Tiger

  9. Allenacurf表示:

    pharmacie en ligne france livraison belgique: pharmacie en ligne – pharmacie en ligne avec ordonnance

  10. Simply wanna input on few general things, The website design is perfect, the articles is rattling excellent : D.

  11. Hxhwxy表示:

    valacyclovir pills crouch – valtrex row valtrex pills kid

  12. XRumer23obliz表示:

    Hello!

    This post was created with XRumer 23 StrongAI.

    Good luck 🙂

  13. EdwardGROOM表示:

    Pharmacie en ligne livraison Europe: Medicaments en ligne livres en 24h – pharmacie en ligne pas cher

  14. Escolha este cassino confiavel Fortune Tiger

  15. Confie neste cassino confiavel Fortune Tiger

  16. Cassinos com condicoes favoraveis Fortune Tiger

  17. Os melhores bonus deste cassino Fortune Tiger

  18. Allenacurf表示:

    pharmacie en ligne france pas cher: levitra en ligne – Achat mГ©dicament en ligne fiable

  19. FobertWen表示:

    Howdy! Do you use Twitter? I’d like to follow you if that would be ok. I’m undoubtedly enjoying your blog and look forward to new updates.

    https://dailygram.com/blog/1294775/del-mar-energy-pioneering-excellence-in-oil-production-with-elenburg-1-8/

  20. XRumer23obliz表示:

    Hello.

    This post was created with XRumer 23 StrongAI.

    Good luck 🙂

  21. Jogue em um cassino confiavel Fortune Tiger

  22. Ganhos maximos neste cassino Fortune Tiger

  23. Os melhores bonus deste cassino Fortune Tiger

  24. Jogue em um cassino confiavel Fortune Tiger

  25. Allenacurf表示:

    pharmacie en ligne fiable: achat kamagra – pharmacie en ligne

  26. EdwardGROOM表示:

    pharmacies en ligne certifiГ©es: cialis generique – Achat mГ©dicament en ligne fiable

  27. Tonic Greens表示:

    Well I truly liked reading it. This subject procured by you is very effective for accurate planning.

  28. Allenacurf表示:

    pharmacie en ligne pas cher: Levitra pharmacie en ligne – vente de mГ©dicament en ligne

  29. EdwardGROOM表示:

    Viagra sans ordonnance livraison 48h: Viagra generique en pharmacie – Viagra femme ou trouver

發佈留言

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