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

5,949 Responses

  1. Leonardpar表示:

    https://edpillpharmacy.store/# buying ed pills online

  2. vo_ntorg_zcPt表示:

    Лучший военный магазин для настоящих поклонников, только у лучших.
    Как выбрать лучшее снаряжение для военных операций, лишь у лучших.
    Только лучшие модели военной техники, лишь у лучших.
    Как выбрать идеальное снаряжение для задач, лишь у лучших.
    Оптимальное снаряжение для военных целей, однозначно у проверенных поставщиков.
    Оружие высочайшего качества для настоящих героев, приобретайте.
    Секрет успеха на поле боя: правильное снаряжение, используйте.
    Мощное вооружение для армии и спецназа, получайте.
    Снаряжение для спецназа и военных операций: оптимальный выбор, используйте.
    військовий магазин військовий магазин .

  3. In choosing a forex company that you want to join, be sure that they offer you a secured system to protect your information, have the tools needed to keep you up to date and they are looking out for the clients best interest.

  4. DouglasGed表示:

    medicine in mexico pharmacies: Purple pharmacy online ordering – reputable mexican pharmacies online

  5. onbet表示:

    Having read this I believed it was really enlightening. I appreciate you spending some time and effort to put this short article together. I once again find myself spending way too much time both reading and posting comments. But so what, it was still worth it.

  6. In May 2014, Crowd for Angels, which is considered the first debt and equity crowdfunding platform authorised by the Financial Conduct Authority (FCA), launched.

  7. Even if the most goal of trading in the market is to simply create a heap of cash, coming up with beforehand when you’d like to urge out of the sport can save you from a heap of risks.

  8. Meanwhile, it is possible to opt to try financing from a family member or possibly a close friend.

  9. Several organizations conduct surveys to measure indicators of financial inclusion and collect both supply and demand side data.

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

  11. DouglasGed表示:

    best online pharmacies in mexico: mexico drug stores pharmacies – reputable mexican pharmacies online

  12. 78win表示:

    Very nice post. I certainly appreciate this website. Continue the good work!

  13. TimothyBow表示:

    Услуги адвоката
    ап мос область
    Ищете надежную юридическую помощь? Официальный рейтинг адвокатов и юристов поможет найти проверенных специалистов, основываясь на высоком профессионализме, богатом опыте и положительных отзывах клиентов. Мы предлагаем уникальную возможность выбрать адвоката или юриста, способного эффективно разрешить ваше дело, будь то вопрос наследственного права, семейные споры или уголовного дела. Наш рейтинг поможет вам найти идеального кандидата, готового защитить ваши интересы в любой юридической ситуации и оказать юридические услуги профессионально и качественно

  14. If a person is a new trader in the future market it becomes tough as he is not much aware of the movement and how to track the stock, here are few stock future tips that a new trader should keep in mind before trading.

  15. マキオ表示:

    Firm-specific advantages: Once domestic investment was exhausted, a firm could exploit its advantages linked to market imperfections, which could provide the firm with market power and competitive advantage.

  16. JamesJus表示:

    Как обратиться к нам за юридической консультацией?
    уголовный адвокат
    Чтобы получить юридическую консультацию, с нами можно связаться онлайн или же по телефону. Мы подберём вам юриста, специализирующегося именно в той сфере законодательства, с которой связаны ваши проблемы. Это поможет быстро достичь нужного результата и, безусловно, будет лучшим выбором, если вам нужно незамедлительно получить юридические услуги.

    Бесплатная юридическая консультация по телефону может стать вашим спасением. Предоставленная нами консультация поможет вам сориентироваться в вопросе и решить, нужна ли вам дальнейшая помощь, которую может обеспечить Коллегия адвокатов № 1. После того как юридическая консультация по телефону будет проведена и проблемы будут чётко обозначены, наши юристы могут оказать вам и дальнейшие услуги — от оформления нужных документов до представления ваших интересов в зале суда.

  17. 市中とは表示:

    You can be able to trade assets worldwide on a daily basis.

  18. Prices have stabilized last year and have continued to grow at a steady pace in 2012.

  19. MathewCluth表示:

    Elon Musk’s X just sued a nonprofit advertising group out of existence
    рейтинг юридических компаний
    A major ad industry group is shutting down, days after Elon Musk-owned X filed a lawsuit that claimed the group illegally conspired to boycott advertising on his platform.

    “GARM is a small, not-for-profit initiative, and recent allegations that unfortunately misconstrue its purpose and activities have caused a distraction and significantly drained its resources and finances,” the group said in a statement Friday. “GARM therefore is making the difficult decision to discontinue its activities.”

    The group, Global Alliance for Responsible Media, also known as GARM, is a voluntary ad-industry initiative run by the World Federation of Advertisers that aims to help brands avoid having their advertisements appear alongside illegal or harmful content. GARM confirmed it is still planning to defend itself in court.

    The end of GARM marks a temporary victory for Musk and X CEO Linda Yaccarino, even though a judge hasn’t made a ruling yet.

    “No small group should be able to monopolize what gets monetized. This is an important acknowledgement and a necessary step in the right direction. I am hopeful that it means ecosystem-wide reform is coming,” Yaccarino posted on X Thursday.

    However, the lawsuit could drive away even more advertisers from X, Nandini Jammi and Claire Atkin, founders of watchdog group Check My Ads Institute wrote in an op-ed Thursday. “Everyone can see that advertising on X is a treacherous business relationship for advertisers,” they said.

  20. PatrickBoads表示:

    Как формировался рейтинг организаций, представляющих юридические услуги в Москве
    уголовные дела адвокат
    Непросто найти хорошего специалиста, когда появляются проблемы правового характера. Особенно если нужна экстренная помощь, а среди знакомых никто не может порекомендовать квалифицированного адвоката. Для тех, кому срочно требуются юридические услуги, мы сформировали рейтинг организаций Москвы, которые успешно работают долгие годы. Адвокаты представленных фирм помогли тысячам своих доверителей отстоять права в досудебном и судебном порядке. Имеющиеся обширные знания в области юриспруденции и наработанный опыт позволяют им занимать лидирующие позиции на рынке. Зайдя на наш сайт юридических услуг, вы можете познакомиться с ними поближе и выбрать подходящих правозащитников.

    При формировании рейтинга учитывались следующие показатели:

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

  21. You’ve made some really good points there. I checked on the net to learn more about the issue and found most people will go along with your views on this web site.

  22. DouglasGed表示:

    buy medicines online in india: indian pharmacy – Online medicine order

  23. Wguuonert表示:

    It separates the organs in your abdomen from those in your chest.
    Extravagant offers at is lyrica a controlled substance which is available online
    The ESAS is a patient-completed measure of the severity of nine symptoms anxiety, lack of appetite, depression, drowsiness, nausea, pain, shortness of breath, tiredness, and well-being.

  24. Everything is very open with a precise explanation of the challenges. It was truly informative. Your website is extremely helpful. Thank you for sharing.

  25. Leonardpar表示:

    https://mexicopharmacy.win/# buying prescription drugs in mexico

  26. GarrettBic表示:

    Мой Источник Права специализируется на предоставлении всего комплекса юридических услуг от консультаций до ведения сложнейших дел в судах различных инстанций.
    банковский юрист
    Несмотря на молодость компании, специалисты неоднократно доказывали свою компетенцию в решении сложных юридических задач. Помимо консультирования граждан и юридической поддержки компаний, адвокаты осуществляют успешную правовую защиту наших клиентов в суде.

    Основные направления деятельности компании:

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

    Более половины клиентов МИП в дальнейшем регулярно обращаются к нам за юридической консультацией.

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

    Мы уверены, что выбор адвоката строится на основании доверия к нему, поэтому стремимся не допускать расхождения слов с делом.

  27. LouisAlubs表示:

    At the end of the day, don’t we all want to be happy? Here are 5 ways to get there
    разрешение на холодное оружие как получить
    Americans are really into pursuing happiness.

    What happiness means is different for each individual and may shift over a lifetime: joy, love, purpose, money, health, freedom, gratitude, friendship, romance, fulfilling work? All of the above? Something else entirely? Many have even suggested that while we may think we know what will make us happy, we are often wrong.

    One man may have cracked the code for what makes a happy and healthier life — and he has the data to back him up.

    Dr. Robert Waldinger is the director of the Harvard Study of Adult Development — possibly the longest-running longitudinal study on human happiness, which started back in 1938. (The original study followed two groups of males, Harvard College students and adolescents in Boston’s inner city. It was expanded in recent decades to include women and people of more diverse backgrounds.)

    Plenty of components are at play in the quest for a happier life, but the key comes down to one main factor: quality relationships.

    “What we found was that the important thing was to stay actively connected to at least a few people, because we all need a sense of connection to somebody as we go through life,” Waldinger told CNN Chief Medical Correspondent Dr. Sanjay Gupta recently on his podcast Chasing Life.

    “And the people who were connected to other people lived longer and stayed physically healthier than the people who were more isolated,” he said. “That was the surprise in our study: not that people were happier but that they lived longer.”

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

  29. DouglasGed表示:

    buy medicines online in india: Cheapest online pharmacy – top 10 pharmacies in india

發佈留言

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