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

2,120 Responses

  1. Davidtes表示:

    buy lisinopril online uk lisinopril 30 mg daily purchase lisinopril

  2. O melhor cassino, eu o recomendo – Blaze

  3. Frfgerk42dag表示:

    O melhor cassino do mundo Blaze

  4. Lhaneevige表示:

    В нашем обществе, где диплом – это начало успешной карьеры в любом направлении, многие пытаются найти максимально быстрый путь получения образования. Необходимость наличия официального документа переоценить невозможно. Ведь диплом открывает дверь перед всеми, кто стремится начать профессиональную деятельность или учиться в ВУЗе.
    Наша компания предлагает очень быстро получить этот важный документ. Вы можете купить диплом нового или старого образца, и это будет выгодным решением для всех, кто не смог закончить обучение или утратил документ. Любой диплом изготавливается аккуратно, с максимальным вниманием к мельчайшим нюансам. На выходе вы сможете получить полностью оригинальный документ.
    Преимущество такого подхода состоит не только в том, что вы сможете оперативно получить свой диплом. Весь процесс организован удобно, с профессиональной поддержкой. От выбора нужного образца документа до грамотного заполнения персональной информации и доставки по стране — все под абсолютным контролем квалифицированных специалистов.
    Для всех, кто ищет быстрый способ получить требуемый документ, наша компания предлагает выгодное решение. Приобрести диплом – это значит избежать длительного обучения и не теряя времени перейти к важным целям, будь то поступление в университет или начало удачной карьеры.

    https://diplomanc-russia24.com

  5. RandallTaulp表示:

    tamoxifen warning: tamoxifen cancer – nolvadex for sale

  6. WilliamRhype表示:

    https://ciprofloxacin.tech/# cipro for sale

  7. Davidtes表示:

    buying propecia without insurance propecia otc buying cheap propecia without rx

  8. Frfgerk43dag表示:

    Va somente a esse cassino Blaze

  9. OLaneevige表示:

    В нашем мире, где диплом становится началом удачной карьеры в любой сфере, многие ищут максимально простой путь получения образования. Факт наличия официального документа трудно переоценить. Ведь диплом открывает дверь перед каждым человеком, желающим начать профессиональную деятельность или учиться в ВУЗе.
    В данном контексте мы предлагаем быстро получить этот важный документ. Вы сможете приобрести диплом нового или старого образца, что становится выгодным решением для человека, который не смог завершить образование или утратил документ. Все дипломы производятся с особой аккуратностью, вниманием к мельчайшим нюансам, чтобы на выходе получился 100% оригинальный документ.
    Превосходство данного решения состоит не только в том, что вы максимально быстро получите свой диплом. Процесс организовывается комфортно, с профессиональной поддержкой. От выбора подходящего образца до консультации по заполнению персональных данных и доставки по России — все под абсолютным контролем опытных мастеров.
    Всем, кто ищет оперативный способ получить необходимый документ, наша услуга предлагает отличное решение. Заказать диплом – значит избежать длительного обучения и сразу перейти к личным целям: к поступлению в ВУЗ или к началу успешной карьеры.

    https://diploman-rossiya.com

  10. RandallTaulp表示:

    lisinopril 5mg: where to buy lisinopril – lisinopril tabs 4mg

  11. WilliamRhype表示:

    https://ciprofloxacin.tech/# cipro 500mg best prices

  12. Davidtes表示:

    cytotec online buy cytotec pills buy misoprostol over the counter

  13. Frfgerkdag表示:

    Eu recomendo apenas este cassino Blaze

  14. Ismaelfer表示:

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

    https://diploman-russiyan.com

  15. Рекомендую топовую Букмекерскую контору 1win

  16. 1win877piodo表示:

    Лучшая Букмекерская контора – 1win

  17. Davidtes表示:

    order cheap propecia prices buying cheap propecia buy generic propecia prices

  18. WilliamRhype表示:

    http://cytotec.club/# buy cytotec online

  19. RandallTaulp表示:

    zestoretic 10 12.5 mg: benicar lisinopril – lisinopril 30 mg daily

  20. OLaneevige表示:

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

    https://diploman-russiyan.com

  21. Рекомендую надежную Букмекерскую контору 1win

  22. 1win878piodo表示:

    Самая крутая Букмекерская контора – 1win

  23. Paiyxn表示:

    metoprolol 50mg for sale – purchase inderal generic buy nifedipine 10mg sale

  24. Timsothyabela表示:

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

    https://dlplomanrussian.com

  25. Great site ! I recommend everyone to watch it!vip paris escort

  26. Davidtes表示:

    order generic propecia without insurance get generic propecia without a prescription cost generic propecia without dr prescription

  27. WilliamRhype表示:

    http://nolvadex.life/# nolvadex price

  28. RandallTaulp表示:

    lisinopril price in india: lisinopril coupon – zestoretic 10 mg

  29. Ronaldpsymn表示:

    http://nolvadex.life/# nolvadex steroids

  30. Shaneevige表示:

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

    https://dlplomanrussian.com

發佈留言

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