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

  1. Louislew表示:

    kra29.cc – kra30.cc, кракен ссылка

  2. Louislew表示:

    kra30.at – kraken ссылка, кракен ссылка

  3. W88表示:

    W88 keeps things exciting with frequent promotions and new game releases. Always something fun to play!

  4. Jasonzitte表示:

    I’m always informed about potential medication interactions.
    can i buy cheap cytotec no prescription
    A pharmacy that breaks down international barriers.

  5. Daniellof表示:

    Грузоперевозки и Доставка Негабаритных Грузов в Москве
    В современном мире логистика играет ключевую роль, и перевозка негабаритных грузов требует особого подхода и профессионализма. Ниже представлены ключевые аспекты, связанные с доставкой крупногабаритных грузов и услугами по грузоперевозкам.
    грузоперевозка москва
    Грузоперевозки и Доставка Негабаритных Грузов в Москве

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

    Специализированные Перевозки
    – Перевозка тяжелого оборудования, спецтехники, а также опасных грузов требует профессиональных знаний и наличия лицензий:
    – Перевозка трансформаторов
    – Грузоперевозки рефрижератором по Москве и области

    Аренда Тралов и Низкорамников
    – Трал — это специализированный низкорамный транспорт для перевозки негабаритных грузов.
    – Аренда трала или низкорамника доступна в Москве и области для перевозок спецтехники и других громоздких грузов.

    Почему Выбрать Нас?
    – Широкий выбор транспорта для любых нужд.
    – Конкурентоспособные цены на услуги грузоперевозок.
    – Опытные водители и надежный сервис.

    Если вам необходимо заказать грузоперевозку по Москве или Московской области, мы готовы предложить наиболее подходящее решение. Заказать грузовую доставку просто – свяжитесь с нашей службой поддержки, и мы поможем вам в организации груза!

  6. Howardtum表示:

    Актуальные ссылки Кракен – Кракен ссылка на сайт, Как зайти на кракен

  7. WalterCherm表示:

    They make international medication sourcing a breeze.
    https://cipropharm24.top/
    Clean, well-organized, and easy to navigate.

  8. Jasonzitte表示:

    I appreciate their late hours for those unexpected needs.
    gabapentin 300mg prospect
    Cautions.

  9. Howardtum表示:

    Актуальные ссылки Кракен – Kraken зеркало, Кракен активная ссылка

  10. Victorprima表示:

    Their commitment to global excellence is unwavering.
    can i order generic cipro without rx
    I value the personal connection they forge with patrons.

  11. Howardtum表示:

    Kraken links – Kraken ссылка, Kraken onion

  12. WalterCherm表示:

    They handle all the insurance paperwork seamlessly.
    https://lisinoprilpharm24.top/
    Always attuned to global health needs.

  13. Howardtum表示:

    Кракен переходник – Кракен активная ссылка, Кракен активная ссылка

  14. Howardtum表示:

    Kraken onion – Кракен вход, Кракен вход

  15. DonaldTyclE表示:

    Holgura mecanica
    Sistemas de calibración: clave para el operación uniforme y eficiente de las maquinarias.

    En el mundo de la ciencia avanzada, donde la productividad y la fiabilidad del equipo son de alta trascendencia, los aparatos de calibración cumplen un función fundamental. Estos aparatos dedicados están creados para balancear y fijar partes dinámicas, ya sea en herramientas de fábrica, vehículos de traslado o incluso en electrodomésticos caseros.

    Para los profesionales en conservación de aparatos y los especialistas, trabajar con dispositivos de ajuste es crucial para garantizar el funcionamiento suave y fiable de cualquier mecanismo giratorio. Gracias a estas soluciones tecnológicas innovadoras, es posible disminuir notablemente las sacudidas, el estruendo y la presión sobre los cojinetes, aumentando la tiempo de servicio de elementos importantes.

    De igual manera relevante es el función que cumplen los equipos de equilibrado en la atención al cliente. El ayuda experto y el soporte permanente aplicando estos aparatos permiten dar prestaciones de gran nivel, incrementando la satisfacción de los consumidores.

    Para los dueños de empresas, la aporte en unidades de calibración y detectores puede ser esencial para mejorar la rendimiento y productividad de sus equipos. Esto es principalmente significativo para los dueños de negocios que gestionan pequeñas y medianas empresas, donde cada elemento vale.

    También, los aparatos de balanceo tienen una amplia utilización en el área de la protección y el monitoreo de estándar. Facilitan identificar potenciales fallos, reduciendo mantenimientos elevadas y averías a los equipos. Más aún, los indicadores extraídos de estos dispositivos pueden utilizarse para optimizar sistemas y aumentar la reconocimiento en sistemas de búsqueda.

    Las zonas de utilización de los aparatos de ajuste incluyen múltiples industrias, desde la manufactura de transporte personal hasta el seguimiento ecológico. No afecta si se trata de grandes manufacturas industriales o pequeños locales de uso personal, los equipos de calibración son fundamentales para promover un funcionamiento óptimo y sin interrupciones.

  16. Howardtum表示:

    Kraken вход – Кракен ссылка, Kraken вход

  17. WalterCherm表示:

    I’m impressed with their commitment to customer care.
    https://gabapentinpharm24.top/
    Trust and reliability on a global scale.

  18. Howardtum表示:

    Ссылки на кракен 2025 – Кракен переходник, Kraken links

  19. Howardtum表示:

    Кракен актуальное – Кракен вход, Ссылки на кракен 2025

  20. Jasonzitte表示:

    World-class service at every touchpoint.
    where buy cheap clomid pills
    A pharmacy that genuinely cares about community well-being.

  21. Jasonzitte表示:

    Their international patient care is impeccable.
    lisinopril sleeplessness
    A pharmacy that sets the gold standard.

  22. Emilegrals表示:

    Привет, если вы ищете слоты, которые вправду приносят крупные призы, ты очутились по адресу! Мы сделали для вас лучшие 5 слотов, какие в прошедший 30 дней сделали наших игроков более радостными. Это не есть легкие слова — данные действительности, базирующиеся на реальной статистике выплат.

    Используйте льготы и фриспины ради тестирования новых игровых автоматов.

    Испытайте эти слоты на сайте Казино — а, возможно, будущий большой приз станет твоим!

  23. WalterCherm表示:

    Their commitment to healthcare excellence is evident.
    https://gabapentinpharm24.top/
    Efficient service with a personal touch.

  24. Jasonzitte表示:

    Quick turnaround on all my prescriptions.
    can i order cheap cytotec without rx
    Always on the pulse of international healthcare developments.

  25. DonaldTyclE表示:

    Equilibrado
    Dispositivos de balanceo: importante para el operación uniforme y óptimo de las máquinas.

    En el campo de la innovación moderna, donde la productividad y la confiabilidad del sistema son de suma significancia, los equipos de balanceo cumplen un tarea esencial. Estos equipos especializados están desarrollados para calibrar y fijar piezas móviles, ya sea en equipamiento de fábrica, medios de transporte de transporte o incluso en equipos de uso diario.

    Para los profesionales en soporte de dispositivos y los técnicos, utilizar con equipos de equilibrado es esencial para promover el desempeño estable y seguro de cualquier aparato dinámico. Gracias a estas soluciones innovadoras avanzadas, es posible disminuir significativamente las oscilaciones, el estruendo y la esfuerzo sobre los rodamientos, mejorando la tiempo de servicio de componentes costosos.

    También significativo es el tarea que cumplen los sistemas de equilibrado en la soporte al cliente. El apoyo profesional y el soporte regular empleando estos sistemas habilitan brindar servicios de excelente estándar, aumentando la bienestar de los consumidores.

    Para los dueños de negocios, la inversión en estaciones de ajuste y medidores puede ser importante para aumentar la productividad y desempeño de sus aparatos. Esto es principalmente trascendental para los emprendedores que manejan modestas y medianas organizaciones, donde cada detalle importa.

    También, los aparatos de ajuste tienen una extensa aplicación en el campo de la seguridad y el control de calidad. Facilitan detectar probables fallos, reduciendo reparaciones costosas y averías a los equipos. Además, los datos recopilados de estos aparatos pueden utilizarse para optimizar métodos y aumentar la exposición en plataformas de investigación.

    Las sectores de uso de los dispositivos de ajuste comprenden diversas sectores, desde la manufactura de bicicletas hasta el monitoreo ecológico. No interesa si se refiere de extensas elaboraciones industriales o limitados establecimientos domésticos, los dispositivos de balanceo son indispensables para asegurar un rendimiento productivo y sin paradas.

  26. Victorprima表示:

    Always a pleasant experience at this pharmacy.
    buying cheap cytotec price
    They make international medication sourcing effortless.

  27. WalterCherm表示:

    Been relying on them for years, and they never disappoint.
    https://lisinoprilpharm24.top/
    The staff exudes professionalism and care.

發佈留言

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