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

6,009 Responses

  1. The closing itself can be run by a closing agent, a impartial third social gathering in the acquisition.

  2. That is why the IIMC tries to resolve these superstitions by informing individuals and doing away with taboos.

  3. In America, I believe our problems are only starting.

  4. Darrelherse表示:

    slot siteleri guvenilir: guvenilir slot siteleri 2024 – slot kumar siteleri

  5. AdrianRic表示:

    ויש להן הרבה מאוד מה להציע! נערות ליווי בחיפה יודעות לפנק גברים עם עיסויים אירוטיים שגורמים לגוף להתפתל ולנשימות להיות מהירות כי יש לכך השלכות חיוביות אחרות, לרבות השלכות על בריאות הגבר. הבילויים הנעימים מסייעים לפרוק מתחים ולשפר את מצב הרוח, ואלו הם related site

  6. gay_zhpr表示:

    Лучшие спортивные ставки на гей-тематику | Gay 1xbet: уникальные возможности для LGBTQ+ | Gay-friendly 1xbet: ставки с комфортом | Секреты успешных ставок на спорт для ЛГБТ на 1xbet | 1xbet: надёжные ставки для геев
    video porno gay in 1xbet video porno gay in 1xbet .

  7. RonaldDuS表示:

    ולא יותר מזה. זה בדיוק מה שאתה צריך עכשיו. בילויים עם נערות ליווי מאפשרים לגברים כמוך לשכוח מכל הבעיות, ופשוט ליהנות לך לשכוח מהכל. זהו פורקן לגוף ולנפש, וחוויה שכל גבר צריך לממש. דירות דיסקרטיות בתל אביב הן המקום בו חלומות מתגשמים. דירות look at more info

  8. KevinSounc表示:

    http://sweetbonanza.network/# sweet bonanza oyna

  9. sports watches that are made from titanium are great, expensive and very lightweight”

  10. Nice read. I just passed this onto a buddy who was doing some research on that. He just bought me lunch since I found it for him! Thus let me rephrase: Thanx for lunch!

  11. AntonioDiz表示:

    דיסקרטיות בתל אביב מעכשיו לעכשיו גבר אוהב לשלוט על לוח הזמנים שלו, וכאשר מתחשק לו שום דבר לא יכול לעצור אותו. וזה בדיוק מה לך לשכוח מהכל. זהו פורקן לגוף ולנפש, וחוויה שכל גבר צריך לממש. דירות דיסקרטיות בתל אביב הן המקום בו חלומות מתגשמים. דירות look at this website

  12. I and also my buddies were found to be reviewing the excellent tips and tricks on your site and so suddenly I got an awful suspicion I never expressed respect to the web site owner for those tips. All the young boys were as a consequence excited to study all of them and have absolutely been taking advantage of them. We appreciate you getting so helpful and then for figuring out these kinds of ideal subject matter millions of individuals are really eager to discover. Our own sincere apologies for not saying thanks to you sooner.

  13. I think this internet site contains very fantastic written subject matter blog posts.

  14. I discover you have not composed an additional website for a time?

  15. Darrelherse表示:

    2024 en iyi slot siteleri: casino slot siteleri – bonus veren slot siteleri

  16. Pretty! This was a really wonderful article. Thank you for providing these details.

  17. KevinSounc表示:

    https://sweetbonanza.network/# guncel sweet bonanza

  18. I’m very pleased to find this page. I want to to thank you for your time just for this fantastic read!! I definitely appreciated every bit of it and I have you book-marked to look at new information on your web site.

  19. RichardBek表示:

    יום גברים רבים מזמינים את הנערות לבילויים, ונהנים מהחוויה המשחררת והבלתי נשכחת של שירותי הליווי. אתה גם יכול להיות אחד מהם, פעם בחורה אחרת וליהנות מהגיוון. אתה הולך ליהנות מהחוויה כפי שמעולם לא נהנית. אתה הולך לחוות רגעים של עונג אינטימי בחברה של what do you think

  20. Fguizn表示:

    purchase cambia – buy generic aspirin online aspirin price

  21. Antonethuth表示:

    End of an era: The big change coming to European travel in November
    работа для девушек вебкам koroleva vip

    In travel news this week: an accidental megadeal on first-class tickets, the world’s best-connected airport and why now is a good time to plan a trip to Europe. Plus a bit of relief for those of you traveling this Labor Day weekend.

    Goodbye to EU passport stamps
    Paper mementoes of our travels, from boarding cards to even passports themselves, are fast moving into obsolescence.

    The inky, smudgy joy of a fresh passport stamp will be a thing of the past for visitors to the 29 countries of the European Union Schengen Area starting November 10. That’s when the new automated Entry/Exit System (EES) comes into effect.

    It’s separate from the delayed ETIAS visa waiver program, which is due to start in the first half of 2025 and will mean travelers from outside the EU will be charged a €7 entry fee that is valid for three years.

    Destination inspiration
    Get your stamps while you can with these European vacation picks.

    Il dolce far niente – “the sweetness of doing nothing” – has been perfected by Italians on their vacations in southern sweet spots such as Naples, Ischia, Puglia, the Amalfi Coast and Capri. These remarkable photographs by UK photographer Lucy Laucht show how to relax the Italian way.

    In Hungary, the Gresham Palace is the grandest Budapest hotel of them all, having sat in its prime position overlooking the River Danube for more than a century. Here’s how this architectural gem looks in its current incarnation.

    Finally, if you’re considering a longer stay, an idyllic Swedish town is selling off land with prices so low you might think they’re mistakes. But Gotene, 320 kilometers (200 miles) southwest of Stockholm, is indeed selling plots with prices starting at just 1 krona, or 9 US cents, per square meter (11 square feet).

    Aviation news
    An airline accidentally offered a megadeal on first-class tickets, with 300 lucky customers getting savings of 85% off. Here’s what happened next.

    The staff at Australian flag carrier Qantas must have been flat-out like a lizard drinking sorting that mess out. And if you don’t understand that lingo, it’s time to check out our guide to Aussie slang.

    An airport on the edge of southeast Europe has been named the best connected in the world, with more than 300 direct flights to unique destinations. It’s been networking fast, too; it only opened in 2018.

  22. Andrewrible表示:

    יותר נכון – הן מגיעות עד אלייך בשביל לבלות. לא אכפת להן עם רבת עם האישה או שהיה לך יום קשה בעבודה, הן פשוט מתמקדות בלעשות לך ולא לפחד. כאן תוכל להתמסר לכל התחושות של הגוף, ולהרגיש את החום של הבחורה שמלטפת ומעסה, ומביאה אותך לפורקן חלומי. ואם לא try this out

  23. JasonHes表示:

    This city is developing the world’s tallest timber tower, again
    работа для девушек вакансии
    The US city of Milwaukee is already home to the world’s tallest timber tower. But another, even taller, wooden skyscraper could be added to its skyline, designed by Vancouver-based studio Michael Green Architects (MGA).

    The firm recently released plans for the development, which includes a 55-story tower made principally from mass timber — thick, compressed, multilayered panels of solid wood. If built, it would usurp the current world title holder, the 25-story Ascent tower by Korb + Associates Architects, as well as becoming the tallest building in the state of Wisconsin.

    MGA, which specializes in wooden architecture, hopes that the project will set a “new global benchmark for mass timber construction.”

    The project is part of the redevelopment of the Marcus Performing Arts Center, which opened in 1969 and won the Honor Award for Excellence in Architectural Design from the American Institute of Architects in 1970. Led by Neutral, which bills itself as a “regenerative development company,” the redesign will transform what is currently the center’s concrete parking lot into a space with residential units, offices, restaurants, cafes, grocery stores and public plazas. According to MGA, construction will cost an estimated $700 million. The plan is currently going through the city’s approval process, during which it is expected to evolve.

    Why timber?
    While the use of mass timber is steadily increasing worldwide, thanks to changes in building regulations and shifting attitudes towards the material, it has yet to match the sheer height of buildings made of concrete and steel — although a slew of timber high-rises have been proposed in recent years. MGA says its tower design would be approximately 600 feet (182 meters) tall — more than double the 284 feet (87 meter) tall Ascent tower.

    “The race for height is important,” said Michael Green, an architect and founder of MGA. “It’s not about showing off, it’s about showing what’s possible to the public.”

    He argued that the reason timber skyscrapers haven’t yet become mainstream is because climate change hasn’t been at the center of the conversation. “We didn’t really need to challenge the status quo of steel and concrete,” he said. “But because those materials are so hard on the climate, we had to find a different way to build towers and big buildings in general.”

發佈留言

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