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,172 Responses

  1. Ten blog to cenne źródło informacji dla każdego, kto myśli o SEO.

  2. base jack表示:

    I’m really enjoying the theme/design of your website. Do you ever run into any browser compatibility issues? A couple of my blog audience have complained about my blog not working correctly in Explorer but looks great in Safari. Do you have any suggestions to help fix this issue?

  3. Cassino com as melhores promocoes Blaze

  4. Ten blog to świetne źródło informacji dla każdego, kto zastanawia się nad SEO.

  5. Many thanks for this kind of facts I had been hunting all Search engines to find it!

  6. Simply desire to say your article is as surprising. The clarity in your post is simply cool and i could assume you’re an expert on this subject. Well with your permission let me to grab your feed to keep updated with forthcoming post. Thanks a million and please keep up the enjoyable work.

  7. Took me time to read all the comments, but I really enjoyed the article. It proved to be Pretty helpful to me and I am positive to all the commenters here It is always nice when you can not only be informed, but also entertained Im positive you had fun writing this post.

  8. Wonderful article. Thanks a whole lot for the breakdown you have given here. I am just still sort-of an illiterate about this topic. So this publication was really helpful to myself. My husband just launched his own ebook in this area and I think some things learned from your publication would enable everyone of us to give him the required support. Thanks!

  9. Lhaneevige表示:

    Greetings I am so excited I found your web site, I really found you by mistake, while I was researching on Yahoo for something else, Regardless I am here now and would just like to say thanks a lot for a fantastic post and a all round entertaining blog (I also love the theme/design), I don’t have time to read it all at the minute but I have saved it and also included your RSS feeds, so when I have time I will be back to read a great deal more, Please do keep up the superb job.

    volteis.com/fr/canal-volteis/actualites/131-nouveau-distributeur-pour-la-guadeloupe-st-barth-et-st-martin 
    fat-girls.ru/page/10 
    glonet.com/blog/22823/%D0%B8%D0%B7%D0%B1%D0%B0%D0%B2%D1%8C%D1%82%D0%B5%D1%81%D1%8C-%D0%BE%D1%82-%D1%81%D0%BB%D0%BE%D0%B6%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9-%D1%81-%D1%83%D1%87%D0%B5%D0%B1%D0%BE%D0%B9-%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D0%B5-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC/ 
    pdtplanilla.com/la-nueva-normalidad-y-la-gestion-de-recursos-humanos/ 
    linkheed.com/blogs/920/Why-is-the-demand-and-popularity-of-universities-declining-now 

  10. Ismaelfer表示:

    Российский изготовитель предлагает гантели на Razbornye-Ganteli.ru по низким ценам. Для занятий в квартире – это самый лучший набор с компактными габаритами и значительной продуктивностью. Продаются в полном комплекте с замками и грифами для гантелей.Утяжелители наборные позволяют тренироваться с разной нагрузкой. Реализуем широкий выбор продуктов от мировых марок в интернет-магазине.

  11. Lewisslund表示:

    Отечественный изготовитель предлагает гантели на https://razbornye-ganteli.ru по доступным ценам. Для занятий в квартире – это самый удобный комплект с компактными габаритами и внушительной продуктивностью. Продаются в полном комплекте с замками и гантельными грифами.Снаряды наборные позволяют тренироваться с разной массой. Реализуем разнообразный выбор изделий от ведущих брендов в интернет-магазине.

  12. O cassino dos seus sonhos Blaze

  13. Отличный сайт! Всем рекомендую!дизайн упаковки

  14. EarnestAvada表示:

    Отечественный изготовитель предлагает разборные гантели на razbornye-ganteli.ru по приятным ценам. Для тренировок в домашних условиях – это самый лучший комплект с маленькими габаритами и значительной функциональностью. Продаются в полном комплекте с замками и грифами для гантелей.Снаряды сборные дают возможность тренироваться с любой массой. Реализуем широкий выбор товаров от мировых марок в сетевом магазине.

  15. FobertWen表示:

    Рекомендуем выбрать гантельные грифы на grify-dlya-gantely ru по низким ценамоптимальной длины. В изготовлении долговечных изделий используются высокопрочные марки металла. Гантельные элементы предлагаются в трех востребованных диаметрах. Снаряды предназначены для эффективных тренировок и созданы с разметкой и рифлением для уверенного хвата. Изделия покрываются защитным составом хрома и никеля. Российская компания создает внушительный ассортимент тренировочного инвентаря для дома и фитнес центра. Это эффективный инвентарь для силовых тренировок в любых условиях.

  16. O melhor casino online Blaze

  17. Lhaneevige表示:

    Предлагаем оформить грифы для гантелей на https://grify-dlya-gantely.ru по низким ценамоптимальной длины. В производстве качественных продуктов реализуются углеродистые марки стали. Грифы гантельные изготавливаются в трех популярных диаметрах. Комплектующие разработаны для эффективных тренировок и выполнены с разметкой и рифлением для уверенного хвата. Изделия покрываются предохранительным слоем никеля. Отечественная организация предлагает широкий ассортимент спортивного инвентаря для квартиры и фитнес клуба. Это многофункциональный инструмент для тяжелых занятий в любых условиях.

  18. Desfrute dos jogos no melhor cassino Blaze

  19. GichardPheve表示:

    Можете заказать грифы для гантелей на https://grify-dlya-gantely.ruпо недорогим ценамнужной длины. В выпуске надежных снарядов реализуются инновационные марки металла. Грифы для гантелей изготавливаются в трех востребованных диаметрах. Комплектующие созданы для силовых тренировок и созданы с разметкой для правильного размещения рук и рифлением для уверенного хвата. Изделия покрываются защитным составом никеля. Российская компания выпускает достойный ассортимент спортивного инвентаря для квартиры и фитнес клуба. Это универсальный инструмент для тяжелых тренировок в любых условиях.

  20. Timsothyabela表示:

    What’s up, this weekend is pleasant in favor of me, because this point in time i am reading this fantastic informative paragraph here at my house.

    знакомства астана

  21. I enjoy your composing design, do carry on creating! I will be back!

  22. hello, your website is really good. We do appreciate your give good results

  23. It’s difficult to find knowledgeable people with this topic, however you seem like there’s more you are referring to! Thanks

  24. Diplom_liEa表示:

    купить диплом в смоленске купить диплом в смоленске .

  25. gravlock表示:

    I really liked reading your post!. Quallity content. With such a valuable blog i believe you deserve to be ranking even higher in the search engines

  26. O local perfeito para jogar jogos de casino Blaze

  27. Hello, i study your blog often and i own an analogous one and i used to be just wondering if you get much of spam comments? If so how do you catch it, any plugin or anything you’ll be able to advise? I get thus often lately it’s driving me crazy so any help is very abundant appreciated. for older folks, retirement or a huge promotion at work is a time when celebration events are going to be a great idea.

  28. Recomendo o melhor cassino Blaze

  29. Michaelzem表示:

    «Дело «Лайф-из-Гуд» – «Гермес» – «Бест Вей»: кто такие Набойченко и Комаров?
    Кто такой Набойченко
    ?В уголовном деле, связываемом следствием с компаниями «Лайф-из-Гуд», «Гермес», кооперативом «Бест Вей» и основателем «Лайф-из-Гуд» и «Бест Вей» Романом Василенко, есть два свидетеля, на которых особенно уповает обвинение.

    Это бывший сисадмин российского сегмента иностранной компании «Гермес» Евгений Набойченко, с 2014 года возглавлявший также IT-службу компании «Лайф-из-Гуд», занимавшуюся в том числе сайтом и платежной системой кооператива «Бест Вей». И бывший шофер Романа Василенко Алексей Комаров.

    Набойченко в феврале 2022 года намеренно сломал российский сегмент платежной системы «Гермеса» и повесил сообщение: «Обращайтесь в полицию». Позднее многократно публично выступал с обвинениями Романа Василенко. Комаров утверждает, что возил по поручению Василенко неучтенные наличные деньги.

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

    Мы попытались в этом разобраться.
    Вымогатель
    Евгений Набойченко – способный айтишник, на каком-то этапе, по словам его бывшей жены, он возомнил себя имеющим право чуть ли не на партнерство в бизнесе Романа Василенко (см. видеозаявление Виктории Набойченко, данное ютуб-каналу, поддерживающему пайщиков кооператива «Бест Вей»). При этом его коллега – ведущий IT-разработчик компании «Лайф-из-Гуд» и кооператива «Бест Вей» Роман Роганович – сообщил на судебном заседании Приморского районного суда, что Набойченко вряд ли в состоянии во что бы то ни было придумать какой-то позитивный проект – из-за, как намекнул Роганович, скромности творческих способностей Набойченко.
    И Евгений придумал схему вымогательства – как ему казалось, беспроигрышную. Насколько нам стало известно от наших источников, Набойченко перед тем, как обрушить платежную систему российского сегмента «Гермеса» в феврале 2022 года, шантажировал Романа Василенко – требовал с него деньги: 170 тыс. евро. При этом, по утверждению Виктории Набойченко, угрожал убийством и увечьями и самому Роману Василенко, и его супруге, и детям. Похвалялся перед (тогда еще) женой своими матерными сообщениями с угрозами, которые он посылал Василенко и его близким.

    Кроме того, он завладел российской клиентской базой «Гермеса» и вымогал у клиентов деньги: свидетельства такого рода нам предоставлены.
    Клеветник
    Помимо этого, он допустил целый ряд публичных высказываний – прежде всего в YouTube, которые Роман Василенко расценил как клеветнические и инициировал по этому поводу уголовное разбирательство. Подавляющее большинство выступлений Набойченко, преимущественно нетрезвых, сейчас удалены.

    Высказывания нотариально заверены, заведено уголовное дело – но расследуется оно ни шатко ни валко, так как расследование, по данным наших источников, тормозит начальник УЭБиПК ГУ МВД России по Санкт-Петербургу и Ленинградской области генерал-майор полиции Вадим Строков, который взял Набойченко под крыло.
    Завербованный
    По словам Виктории Набойченко, Евгений, как и другие функционеры «Лайф-из-Гуд», в начале расследования в отношении компании подвергался обыскам – но потом состоялся удивительный допрос Евгения Набойченко в питерском главке МВД, на который он запретил приходить своему адвокату. После этого допроса Набойченко была предоставлена госохрана и сам он хвастался супруге, что находится под личным патронажем тогдашнего начальника УЭБиПК, который его очень ценит.

    За этим последовал слом платежной системы «Гермеса» и других ресурсов, которыми занимался Набойченко.
    Хулиган, алиментщик и грабитель
    По заявлениям источников, Евгений Набойченко бил супругу и детей. После развода в 2022 году отказывается платить алименты – их выплаты его супруга добивается через суды.
    Пациент наркологов
    По данным наших источников, с некоторых пор у Евгения Набойченко начала нарастать алкогольная, а возможно, и наркотическая зависимость (см. документы, которые нам предоставил источник, знакомый с ситуацией). Он лечился – но постоянно срывался.
    Неуравновешенный, жадный, завистливый
    В целом источники характеризуют его как неуравновешенного, жадного, завистливого человека. По мнению наших визави, эти его особенности использовали работники полиции для инсценировки уголовного дела в отношении компаний «Лайф-из-Гуд», «Гермес», кооператива «Бест Вей» и Романа Василенко.

    Вороватый водитель
    Другой ключевой свидетель обвинения – Алексей Комаров – сообщает в деле, что возил и передавал пакеты с деньгами – однако никакими инкассаторскими операциями в «Лайф-из-Гуд», по данным наших источников, он никогда не занимался. Он выполнял мелкие поручения Василенко, в числе которых – забрать подарки для него от пайщиков кооператива или консультантов сети «Лайф-из-Гуд» для Романа Василенко.

    Через Комарова передавалось множество подарков от пайщиков из регионов. Часть из них до Василенко не доходила. Его спрашивали: «Как сало? Как самогоночка?» А всего этого он, по данным наших источников, не получал.

    Роман Василенко рассказывал коллегам: «Много презентов, о которых мне рассказывали, но которые я так и не нашел. Мне их не жалко, просто плохо то, что я не поблагодарил тех людей, которые мне их подарили от всей души».

    Комарова, как и Набойченко, по нашим данным, завербовал питерский УЭБиПК. По поводу перевозки денег он, по сведениям наших источников, просто лжет – подписывает то, что дают ему подписать в питерском УЭБиПК. И при этом скрывает, что сам воровал подарки, предназначенные для Василенко.
    Кто обвинители?
    Следствие привлекло для выстраивания обвинения малограмотного вороватого водителя и алкозависимого айтишника. На показаниях таких свидетелей точно можно строить обвинение, по которому четверо функционеров «Лайф-из-Гуд» сидят без приговора суда уже более четырех лет и по которому судят отца Романа Василенко – 83-летнего ветерана Вооруженных сил РФ Виктора Ивановича Василенко?

    Вопрос, думаем, риторический.

  30. It’s nice to definitely arrive a website the location where the blogger is skilled. Thank you for creating your website.

發佈留言

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