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

  1. I really like it when people get together and share opinions. Great website, stick with it!

  2. “It’s always good to learn tips like you share for blog posting. As I just started posting comments for blog and facing problem of lots of rejections. I think your suggestion would be helpful for me. I will let you know if its work for me too.”

  3. Hi! Someone in my Facebook group shared this site with us so I came to take a look. I’m definitely enjoying the information. I’m bookmarking and will be tweeting this to my followers! Terrific blog and fantastic style and design.

  4. You can increase your blog visitors by having a fan page on facebook.`’.”~

  5. I’m pretty pleased to discover this site. I need to to thank you for your time for this particularly wonderful read!! I definitely loved every little bit of it and I have you saved as a favorite to look at new information on your blog.

  6. Darrelherse表示:

    en iyi slot siteleri 2024: en iyi slot siteleri – canl? slot siteleri

  7. This web page can be a walk-through it really is the internet you wanted about it and didn’t know who must. Glimpse here, and you’ll certainly discover it.

  8. I conceive other website proprietors should take this website as an example , very clean and excellent user pleasant style . CHECK ME OUT BY CLICKING MY NAME!!!

  9. I gotta favorite this internet site it seems very helpful very helpful

  10. Shakira and Taylor Swift are my favorite singers, Shakira is great on live performance,.

  11. KevinSounc表示:

    https://slotsiteleri.bid/# en iyi slot siteleri

  12. TS Escorts表示:

    The very next time I read a blog, Hopefully it won’t disappoint me as much as this particular one. I mean, I know it was my choice to read through, however I truly believed you would probably have something helpful to talk about. All I hear is a bunch of crying about something you could possibly fix if you were not too busy looking for attention.

  13. JamesNut表示:

    Обвинения Василенко в мошенничестве не подтвердились?
    Лайф-из-Гуд
    По информации ряда источников, уголовное преследование основателя маркетинговой компании «Лайф-из-Гуд» и кооператива «Бест Вей» Романа Василенко может быть прекращено. Правоохранительные органы, как сообщил нам ряд сенаторов и депутатов Государственной думы, провели новую оценку обвинений в его адрес с учетом того, что несколько свидетелей, в том числе критически относящихся к Василенко, указывают, что он вряд ли причастен к мошенничеству, так как не имел прямого доступа к серверам платежной системы, а в мошенничестве давно замечен бывший IT-директор компании «Лайф-из-Гуд» Евгений Набойченко. И Василенко виноват разве что в том, что привлек Набойченко в 2014 году к работе, несмотря на негативные сигналы, характеризующие и его стиль поведения, и склонность брать чужое.

    Роман Викторович Василенко – санкт-петербургский бизнес-консультант, создатель сети независимых предпринимателей, занимавшихся продвижением финансовых продуктов под эгидой основанной им компании «Лайф-из-Гуд», а также основатель Международной бизнес-академии IBA.

    Сеть под эгидой «Лайф-из-Гуд» занималась, в частности, продвижением таких финансовых продуктов, как счета для получения пассивного дохода Vista иностранной инвестиционной компании «Гермес», зарегистрированной в Белизе, и приобретение квартир в рассрочку с помощью кооператива «Бест Вей», при которой возможно было как внести первоначальный паевый взнос, так и накапливать его на счете в кооперативе без процентов. При этом сами по себе эти юридические лица между собой не связаны.

    Василенко не был ни топ-менеджером, ни собственником «Гермеса» – он сотрудничал с компанией по продвижению ее продуктов в России. А вот Набойченко был сотрудником «Гермеса» – он управлял платежной системой этой компании в России: занял эту должность, скорее всего, по рекомендации Василенко, но Василенко в части управления платежной системой «Гермесу» не подчинялся.

    В отличие от «Гермеса» по отношению к кооперативу Василенко является основателем и был председателем его правления до весны 2021 года (позднее около года был главой наблюдательного органа – совета кооператива). С весны 2022 года – рядовой пайщик кооператива: не входит в состав его руководящих органов.

    Василенко работал не только в России, но и в Казахстане, Киргизии, Белоруссии, Украине, на Кипре, в Австрии, Венгрии. Во многих этих странах созданы кооперативные проекты по приобретению жилья.

    Кроме того, Василенко известен как меценат, вложивший миллионы рублей в поддержку федеральных бизнес-инициатив (форум «Синергия»), культурных инициатив (фестиваль «Добровидение»), также принимает участие в иной благотворительной деятельности (в частности, поддержка детских медицинских учреждений).

    Что за дело

    Уголовное дело, связываемое следствием с петербургский маркетинговой компанией «Лайф-из-Гуд», иностранной инвестиционной компанией «Гермес» и зарегистрированным в Санкт-Петербурге, работающим по всей России потребительским кооперативом «Бест Вей», было заведено осенью 2021 года ГСУ ГУ МВД России по Санкт-Петербургу и Ленинградской области и в феврале текущего года передано в суд – оно рассматривается Приморским районным судом Санкт-Петербурга.

    На скамье подсудимых – 10 человек: технические сотрудники «Лайф-из-Гуд», а также Виктор Василенко, 83-летний отец Романа Василенко, пенсионер.

    Само по себе уголовное дело, рассматриваемое сейчас в Приморском районном суде, вызывает массу вопросов – которые существовали изначально и еще более усилились по мере рассмотрения дела в суде. Подсудимым вменяются три статьи: создание финансовой пирамиды, мошенничество и организация преступного сообщества.

    Общая сумма ущерба – 282 млн рублей, что несопоставимо с арестованными по делу более чем 8 млрд рублей, в том числе 4 млрд на счетах кооператива «Бест Вей». Потерпевшими по делу следствием признан 221 гражданин.

    Роман Василенко также обвинялся по рассматриваемому судом уголовному делу, был объявлен в розыск, в том числе через Интерпол, так как с ковидных времен, как он сам сообщал прессе, по семейным причинам постоянно живет за границей. Однако, по данным источников, Интерпол и иностранные государства, в том числе страны ближнего зарубежья, где он так же, как и в России, активно работает, посчитали его преследование необоснованным.

    Расследование в отношении него осуществляется (или осуществлялось?) и по еще одному уголовному делу, расследуемому ГСУ питерского главка МВД, касающемуся команды руководителей «Лайф-из-Гуд».

    Странные обвинители

    Судебное разбирательство в Приморском районном суде идет пока не слишком успешно для следствия и органов государственного обвинения: подавляющее большинство из тех, кто на данный момент выступил в суде, предъявляют в уголовном суде претензии к компании «Гермес» на суммы не только в несколько сотен, но и даже в несколько десятков тысяч, что вызывает удивление – это же не мировой суд, чтобы обсуждать возврат таких сумм! Свидетель обвинения сотрудник IT-службы Роман Роганович сообщил, что не публиковал на сайте «Лайф-из-Гуд» и сайте кооператива никакой незаконной информации и незаконной деятельности не видел.

    При этом подавляющее большинство клиентов компании «Гермес», которых более двух сотен тысяч в России, и десятки тысяч пайщиков кооператива «Бест Вей», по словам представителей сообществ в защиту этих организаций, считают именно правоохранительные органы источником своих проблем. Они подчеркивают, что именно привлеченный ими к сотрудничеству петербургский сисадмин «Гермеса» Евгений Набойченко разгромил российскую платежную систему. И если уж кто причастен к хищениям, так это именно Набойченко. Похоже, что понимание этого факта стало приходить и к правоохранительным органам.

  14. HerbertemuRl表示:

    hi guys i articulate that https://wplgsturapwmestv185.ru/

  15. Compare that with a 30-year fixed-rate mortgage on the same loan with 5 percent interest, you would pay $1,906 per month indefinitely.

  16. Private equity investing involves a certain amount of capital ownership in a new company.

  17. Display screen equipment (DSE) refers to a piece of equipment that incorporates a screen which presents the user with information.

  18. Swaps: here cash flows are exchanged in the future among two individuals and this depends on a pre arranged formula.

  19. If you have a garden with flowers to spare, make small bouquets to show off your creativity and decorate your table, then send guests home with the blooms.

  20. AAA Valley Information. AAA Merrimack Valley.

  21. This is a basic description of Derivatives in the term Futures and Options trading India.

  22. Hellenic Petroleum reported 2019 revenues of €8.856 billion.

  23. 実効的表示:

    It appeared in the “Back to the Future” trilogy, but it wasn’t a particularly great car.

  24. These raw commodities are traded on regulated commodities exchanges like MCX (Multi Commodity Exchange) & NCDEX (National Commodity and Derivative Exchange), in which they are bought and sold in standardized contracts.

  25. Backpage表示:

    You’ve made some good points there. I checked on the internet to find out more about the issue and found most individuals will go along with your views on this website.

  26. May be these individuals are completely wrong?

發佈留言

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