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

  1. Stevepsymn表示:

    В чёрный список пирамид и лохотронов 31 августа 2022 года внесены следующие организации, обладающие признаками финансовой пирамиды или признаками мошенничества.
    гей порно парни
    Etihad Rail (etihadrail-ae.com)

    Club Unite To Live, Life Is Good, Unite To Live (uniteto.live). Новый домен пирамиды находящегося в розыске Романа Василенко.

    TopBoom, «платформа хедж-фонда, специализирующегося на сделках с обратным исходом спортивного события» (topboom.vip, t.me/TopBoom001)

    Change Team, мошенники указывают реквизиты чужого юрлица ООО «АТТИС ГРУПП» (ОРГН 1207700314128, ИНН 9702022065), телеграм-канал «Change Team: Главный Канал» (change-team.ru). Фальшивый обменник раньше назывался C Exchange.
    Ещё лохотроны:
    Scam! Чёрный список пирамид и лохотронов и отзывы

    В чёрный список пирамид и лохотронов включены организации, имеющие признаки финансовой пирамиды по классификации Центрального банка; организации, обладающие признаками матричной пирамиды (массовый привод друзей, «столы»); сборы денег с пенсионеров и прочих незащищённых слоёв населения; хайпы; организации, имеющие негативные отзывы; структуры, оказывающие финансовые услуги без лицензии и прочие лохотроны за исключением псевдоброкеров, кооперативов (с ними тоже не рекомендуем связываться) и некоторых других категорий.

  2. Vincenthit表示:

    В чёрный список пирамид и лохотронов 31 августа 2022 года внесены следующие организации, обладающие признаками финансовой пирамиды или признаками мошенничества.
    жесткое порно видео
    Etihad Rail (etihadrail-ae.com)

    Club Unite To Live, Life Is Good, Unite To Live (uniteto.live). Новый домен пирамиды находящегося в розыске Романа Василенко.

    TopBoom, «платформа хедж-фонда, специализирующегося на сделках с обратным исходом спортивного события» (topboom.vip, t.me/TopBoom001)

    Change Team, мошенники указывают реквизиты чужого юрлица ООО «АТТИС ГРУПП» (ОРГН 1207700314128, ИНН 9702022065), телеграм-канал «Change Team: Главный Канал» (change-team.ru). Фальшивый обменник раньше назывался C Exchange.
    Ещё лохотроны:
    Scam! Чёрный список пирамид и лохотронов и отзывы

    В чёрный список пирамид и лохотронов включены организации, имеющие признаки финансовой пирамиды по классификации Центрального банка; организации, обладающие признаками матричной пирамиды (массовый привод друзей, «столы»); сборы денег с пенсионеров и прочих незащищённых слоёв населения; хайпы; организации, имеющие негативные отзывы; структуры, оказывающие финансовые услуги без лицензии и прочие лохотроны за исключением псевдоброкеров, кооперативов (с ними тоже не рекомендуем связываться) и некоторых других категорий.

  3. Bivtzr表示:

    buy generic cyclobenzaprine online – how to get primaquine without a prescription vasotec pill

  4. TimothySwica表示:

    https://gadalke.ru/ – Меня зовут Мария Степановна, я потомственная ясновидяшая, предсказательница и знаю, зачем вы здесь. Уверена, вы получите ответ и помощь на моем официальном сайте. Каждый день сотни людей со сложными жизненными проблемами пытаются отыскать ответ на вопрос где найти настоящую хорошую гадалку с отзывами, проверенную многими людьми. Гадалку, которая реально помогает. По-разному называют нас: ясновидящая, маг, экстресенс и даже ведьмой назовут несведущие. Я не обижаюсь. Ведь все одно это: Дар, данный Богом. Шарлатанов, выдающих себя за гадалок теперь много стало. Да и гадание не сложная наука, научиться можно при должном упорстве и труде. Сейчас кто на чем гадает, кто на таро, кто на кофейной гуще, на рунах или на воске. Гадают, да не помогают. Потому как не по крови дано, а через ум вошло. А знать, ни порчу снять, ни мужа вернуть не сумеют — а я помогу!

  5. Zacharyguisa表示:

    https://gadalika.ru/
    Всем здравия, кто посетил мою страничку. Меня зовут Анна Тимофеева. И я хочу поделиться с вами своими способностями. Как и все потомственные целители, я унаследовала свой Дар по крови от пробабушки, известной в России целительницы. Ее звали Анной, в неё честь и я ношу это имя. Корни нашего рода уходят глубоко во времена, когда целительство было обычным явлением. Прабабушка была дочерью священника. С юности она…

  6. TimothySwica表示:

    https://gadalika.ru/
    Всем здравия, кто посетил мою страничку. Меня зовут Анна Тимофеева. И я хочу поделиться с вами своими способностями. Как и все потомственные целители, я унаследовала свой Дар по крови от пробабушки, известной в России целительницы. Ее звали Анной, в неё честь и я ношу это имя. Корни нашего рода уходят глубоко во времена, когда целительство было обычным явлением. Прабабушка была дочерью священника. С юности она…

  7. KmspicooBax表示:

    Great site! I recommend to everyone!kmspico

  8. Adrianjug表示:

    KMSpico Download | Official KMS Website New July 2024
    microsoft toolkit скачать
    Are you looking for the best tool to activate your Windows & Office? Then you should download and install KMSpico, as it is one of the best tools everyone should have. In this article, I will tell you everything about this fantastic tool, even though I will also tell you if this is safe to use.

    In this case, don’t forget to read this article until the end, so you don’t miss any critical information. This guide is for both beginners and experts as I came up with some of the rumours spreading throughout the internet.

    Perhaps before we move towards downloading or installing a section, we must first understand this tool. You should check out the guide below on this tool and how it works; if you already know about it, you can move to another section.
    What is KMSPico?
    KMPico is a tool that is used to activate or get a license for Microsft Windows as well as for MS Office. It was developed by one of the most famous developers named, Team Daz. However, it is entirely free to use. There is no need to purchase it or spend money downloading it. This works on the principle of Microsft’s feature named Key Management Server, a.k.a KMS (KMSPico named derived from it).

    The feature is used for vast companies with many machines in their place. In this way, it is hard to buy a Windows License for each device,, which is why KMS introduced. Now a company has to buy a KMS server for them and use it when they can get a license for all their machines.

    However, this tool also works on it, and similarly, it creates a server on your machine and makes it look like a part of that server. One thing different is that this tool only keeps the product activated for 180 days. This is why it keeps running on your machine, renews the license keys after 180 days, and makes it a permanent activation.

    KMSAuto Net
    Microsoft Toolkit
    Windows Loader
    Windows 10 Activator
    Features
    We already know what this tool means, so let’s talk about some of the features you are getting along with KMSPico. Reading this will surely help you understand whether you are downloading the correct file.

    Ok, so here are some of the features that KMSPico provides:

    Activate Windows & Office

    We have already talked about this earlier, as using this tool, you will get the installation key for both Microsoft Products. Whether it is Windows or Office, you can get a license in no time; however, this supports various versions.

    Supports Multi-Arch

    Since this supports both products, it doesn’t mean you have to download separate versions for each arch. One version is enough, and you can get the license for both x32-bit or even the x64-bit.

    It Is Free To Use

    Undoubtedly, everything developed by Team Daz costs nothing to us. Similarly, using this tool won’t cost you either, as it is entirely free. Other than this, it doesn’t come with any ads, so using it won’t be any trouble.

    Permanent License

    Due to the KMS server, this tool installs on our PC, we will get the license key for the rest of our lives. This is because the license automatically renews after a few days. To keep it permanent, you must connect your machine to the internet once 180 days.

    Virus Free

    Now comes the main feature of this tool that makes it famous among others. KMSPico is 100% pure and clean from such viruses or trojans. The Virus Total scans it before uploading to ensure it doesn’t harm our visitors.

  9. Douglasslida表示:

    KMSpico: What is it?
    активатор office win 11
    Operating systems and Office suites are among the primary Microsoft software items that still need to be paid for. Some consumers may find alternate activation methods due to the perceived expensive cost of these items. There may be restrictions, unforeseen interruptions, and persistent activation prompts if these items are installed without being properly activated.

    Our KMSpico app was created as a solution to this issue. By using this program, customers may access all of the functionality of Microsoft products and simplify the activation procedure.
    KMSPico is a universal activator designed to optimize the process of generating and registering license codes for Windows and Office. Functionally, it is similar to key generators, but with the additional possibility of automatic integration of codes directly into the system. It is worth paying attention to the versatility of the tool, which distinguishes it from similar activators.
    The above discussion primarily focused on the core KMS activator, the Pico app. Understanding what the program is, we can briefly mention KMSAuto, a tool with a simpler interface.

    By using the KMSPico tool, you can setup Windows&Office for lifetime activation. This is an essential tool for anybody looking to reveal improved features and go beyond limitations. Although it is possible to buy a Windows or Office key.

    KMSPico 11 (last update 2024) allows you to activate Windows 11/10/8 (8.1)/7 and Office 2021/2019/2016/2013/2010 for FREE.

  10. En iyi kumarhanede oyun oynay?n Sweet bonanza

  11. En iyi kumarhaneyi tavsiye ederim Sweet bonanza

  12. MyronDrogy表示:

    Энергообъединение участков от компании БИОН. Проводим объединение земельных участков. У нас можно запретить перераспределение грунтов да земляных узлов, а также энергообъединение отделений в течение СНТ.
    https://bion-online.ru/

  13. ChesterBoymn表示:

    ООО «Транс Инвест» – единая экономика равно мультимодальные грузоперевозки по Стране россии c 2012 года
    https://ticargo.ru/

  14. H?zl? odeme yapan kumarhane Sweet bonanza

  15. En iyi kumarhanede buyuk kazan?n Sweet bonanza

  16. Herkesin tavsiye ettigi kumarhane Sweet bonanza

  17. Hi, Neat post. There is a problem with your web site in internet explorer, would check this… IE still is the market leader and a good portion of people will miss your fantastic writing due to this problem.

  18. En unlu kumarhanede sans?n?z? deneyin Sweet bonanza

  19. Smsakobliz表示:

    Сервис виртуальной смс активации номера – Smsak

  20. En guvenilir online casino Sweet bonanza

  21. Zencortex表示:

    Good write-up, I?¦m regular visitor of one?¦s website, maintain up the nice operate, and It is going to be a regular visitor for a lengthy time.

  22. Rbzugz表示:

    cost cyclophosphamide – strattera us buy vastarel generic

  23. En prestijli kumarhanede oynay?n Sweet bonanza

  24. En guvenilir kumarhanede eglenin Sweet bonanza

  25. En iyi kumarhaneyi tavsiye ederim Sweet bonanza

  26. En iyi promosyonlara sahip casinolar Sweet bonanza

  27. EarnestAvada表示:

    Thanks for the auspicious writeup. It actually was once a amusement account it. Look complicated to more added agreeable from you! However, how could we be in contact?
    официальный сайт Dragon Money

  28. Donaldbrife表示:

    Профессиональные seo https://seo-optimizaciya-kazan.ru услуги для максимизации онлайн-видимости вашего бизнеса. Наши эксперты проведут глубокий анализ сайта, оптимизируют контент и структуру, улучшат технические аспекты и разработают индивидуальные стратегии продвижения.

發佈留言

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