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

4,440 Responses

  1. Spot on with this write-up, I actually think this amazing site needs a lot more attention. I’ll probably be returning to read through more, thanks for the advice!

  2. It’s nearly impossible to find educated people about this subject, however, you sound like you know what you’re talking about! Thanks

  3. 博彩社区表示:

    Right here is the perfect webpage for anyone who really wants to understand this topic. You realize so much its almost tough to argue with you (not that I actually would want to…HaHa). You definitely put a brand new spin on a topic that’s been discussed for years. Excellent stuff, just great.

  4. Jeffreydog表示:

    Кооператив для военных
    Как пайщики — участники СВО относятся к событиям вокруг «Бест Вей»
    Владимир Колокольцев
    Потребительский кооператив «Бест Вей» оказался затронут уголовным делом, касающимся в основном иностранной инвесткомпании «Гермес», которое сейчас рассматривается Приморским районным судом Санкт-Петербурга. Более двух лет более 3,5 млрд рублей на счетах кооператива почти непрерывно арестованы по ходатайству сначала ГСУ ГУ МВД по Санкт-Петербургу, а затем Прокуратуры Санкт-Петербурга: пайщики не имеют возможности ни приобрести недвижимость, ни вернуть средства.

    По данным совета потребительского кооператива «Бест Вей», в числе его пайщиков, страдающих от блокировки средств, тысячи военнослужащих, в том числе сотни участников СВО, часть из которых успела приобрести квартиру, часть собирает или собрала первоначальный взнос, а часть — планировала вступить в кооператив. «СП» пообщалась с некоторыми из них и их родственниками, чтобы узнать отношение к «Бест Вей» и событиям вокруг кооператива.

    «К кооперативу отношение очень хорошее»

    Александр Голдман на СВО с мая 2022 года как доброволец, три ранения. Пришел на СВО рядовым, сейчас — начальник штаба батальона. Был пайщиком кооператива, сейчас пайщик — его мама.
    «С помощью кооператива в 2019 году приобретена двухкомнатная квартира во Владивостоке, в которой проживает мама, — рассказывает он. — Расплачиваемся за нее, в ближайшие месяцы намерены погасить задолженность перед кооперативом и оформить квартиру в собственность. К кооперативу отношение очень хорошее, полностью его поддерживаю — он дает возможность без больших переплат приобрести недвижимость. К действиям в отношении кооператива отношусь отрицательно, так как „Бест Вей“ — единственная возможность приобрести жилье в рассрочку».

    «Происходящее вокруг кооператива вызывает шок»

    Гвардии рядовой Глушков Иван Васильевич — пайщик кооператива из Челябинской области. Танкист, мобилизованный, проходил службу в 15-й отдельной гвардейской мотострелковой Александрийской бригаде 2-й гвардейской общевойсковой армии ЦВО. Погиб 11 октября 2023 года.
    Рассказывает его вдова Татьяна Неручева:

    «Мы внесли первоначальный паевый взнос и во второй половине 2021 года встали в очередь на приобретение квартиры в Челябинске, когда начались события вокруг кооператива — была заблокирована его возможность приобретать недвижимость и заблокированы его счета. Наша очередь должна была подойти примерно через год. Мы заявили для приобретения небольшую квартиру, но планировали при покупке увеличить ее стоимость до 3 млн и купить двухкомнатную квартиру — с увеличением первоначального паевого взноса: уставом кооператива это позволяется, а затем переехать из Коркино в Челябинск. Сейчас 3 млн хватит только на небольшую квартиру-студию метров 25, то есть мы понесли материальный ущерб из-за блокирования деятельности кооператива, так как лишены были возможности приобрести квартиру, на которую собрали первоначальный паевый взнос. Работа кооператива заблокирована, счета арестованы уже более двух лет. В наследование пая я только вступаю, так как муж очень долго считался пропавшим без вести — долго шла экспертиза, и свидетельство о смерти мы получили только 18 июня этого года».

    Татьяна — юрист: «Как у юриста у меня происходящее вокруг кооператива вызывает шок, и любой непредвзятый юрист вам скажет то же самое». «Кооператив, — подчеркивает она, — абсолютно прозрачен, он полностью соответствует законодательству о кооперации — что и подтверждалось многократно государственными органами и судами. Если бы мы с мужем не были уверены, что все прозрачно и законно, мы бы не вкладывали в него деньги. Мы не подавали заявление о выходе из кооператива. Я, несмотря ни на что, жду счастливого завершения рукотворного кризиса вокруг кооператива. Для меня это еще и память о муже — он продал долю в квартире, которая ему принадлежала, чтобы вложиться в кооператив. Кроме того, мне хочется понять — до какого маразма может дойти ситуация у нас в государстве в плане незаконных действий в отношении организации, которая по тем или иным причинам не понравилась каким-то чиновникам?».

    «Рассчитываю, что ситуация закончится благополучно»

    Сергей Логинов, рядовой, мобилизованный, представлен к награде «Честь и доблесть».

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

    «В кооперативе минимум переплат — несопоставимо с ипотекой»

    Егор Ивков, офицер флота, дирижер военного оркестра, пайщик кооператива с 2019 года.
    «Я нахожусь в накопительной программе — планировал покупку квартиры в Санкт-Петербурге. До постановки в очередь на покупку дело не дошло, но сумма внесена серьезная — и на два года все зависло. Есть друзья-военнослужащие, которые также являются пайщиками и тоже накапливали деньги на первоначальный паевый взнос — они, как и я, не могут ни продолжать накапливать, ни получить деньги обратно, потому что счета арестованы. Отношение наше к ситуации, создавшейся вокруг кооператива, крайне негативное».

    «Кооператив поддерживаю, — говорит пайщик. — Моя сестра живет в квартире, приобретенной с помощью „Бест Вей“ — у нее многодетная семья, сейчас кооперативная квартира переходит в ее собственность. Минимум переплат — несопоставимо с ипотекой. Надеюсь, что ситуация с арестом счетов разрешится в ближайшее время».

  5. Идеальное место для азартных игр 1вин

  6. Alise Hoeft表示:

    This site really has all of the information I needed concerning this subject and didn’t know who to ask.

  7. Cortney Zmek表示:

    I’m more than happy to find this great site. I need to to thank you for your time just for this fantastic read!! I definitely savored every little bit of it and i also have you bookmarked to look at new stuff in your blog.

  8. Рекомендую лучшего букмекера 1win

  9. Отличный сайт! Всем рекомендую!типография

  10. Very nice blog post. I certainly love this website. Thanks!

  11. Altoncok表示:

    Tributes flood in for BBC sport commentator whose wife and daughters were killed in suspected crossbow attack
    жесткий анальный секс

    Figures from across the United Kingdom have offered their condolences to a BBC sport commentator, after his wife and two daughters were killed by an alleged crossbow attacker, in deaths that again drew attention to the epidemic of violence against women.

    Carol Hunt, 61, wife of BBC horse racing commentator, John Hunt, and their daughters, Hannah Hunt, 28, and Louise Hunt, 25, died from injuries sustained in an attack in Bushey, just northwest of London, on Tuesday, according to police and Britain’s public broadcaster.

    A 26-year-old suspect wanted in connection with the killings, and named as Kyle Clifford, was found by British police in Enfield, north London, on Wednesday, following a sprawling manhunt. There were no previous reports to the force over Clifford, who is in serious condition in hospital and is yet to speak with officers, Hertfordshire Police said in a statement.

    A crossbow was recovered as part of the investigation, which police believe was used in a “targeted incident.”
    Epidemic of violence against women
    The killings of the three women rocked Britain, where mass murders are infrequent but violence against women and girls has been officially labeled as a national threat.

    A woman is killed by a man every three days in the UK and one in four women will experience domestic violence in her lifetime, the United Nations’ special rapporteur on violence against women and girls, Reem Alsalem, said earlier this year.

    Charities and human rights organizations have subsequently reiterated urgent demands to tackle femicide in the UK.

  12. wedding dress表示:

    Very good info. Lucky me I recently found your site by accident (stumbleupon). I’ve book marked it for later!

  13. RobertElund表示:

    Ирина Волк: расследование уголовного дела пирамиды Life is Good завершено
    порно жесткий анал
    Официальный представитель МВД России Ирина Волк сообщила об окончании предварительного расследования уголовного дела Life is Good. Материалы с утвержденным обвинительным заключением в отношении десяти человек направлены в Приморский районный суд Санкт-Петербурга для рассмотрения по существу. Они обвиняются в организации деятельности по привлечению денежных средств и мошенничестве, совершенных в особо крупном размере в составе преступного сообщества. Всего, по версии следствия, в состав криминальной организации входили 35 соучастников. Потерпевшими по уголовному делу признаны 221 человек – люди заключили договоры с целью получения пассивного дохода. Общая сумма материального ущерба составила свыше 280 млн рублей.

    «Кроме того, в деятельность финансовой пирамиды были вовлечены более 18 тысяч россиян. Они вложили в жилищный кооператив более 15 миллиардов рублей, два миллиарда из которых организаторы криминальной схемы присвоили. Десять предполагаемых участников преступного сообщества были задержаны в феврале 2022 года оперативниками ГУЭБиПК МВД России совместно с коллегами из Санкт-Петербурга и сотрудниками ФСБ России. Остальные обвиняемые в противоправной деятельности объявлены в розыск. Возбуждено уголовное дело по признакам преступления, предусмотренного частью 3 статьи 210, частью 4 статьи 159, частью 2 статьи 172.2 УК РФ. Расследование было взято на контроль руководством Следственного департамента МВД России», – сообщила Ирина Волк.

    По информации МВД, в общей сложности полицейскими и сотрудниками ФСБ проведено более 100 обысков по местам проживания фигурантов и в офисах подконтрольных им организаций. Изъята компьютерная техника, средства связи, документы и другие предметы, имеющие доказательственное значение.

    «В качестве обеспечительной меры по возмещению причиненного материального ущерба наложен арест на более чем 2300 находящихся в собственности кооператива квартир, а также на денежные средства на счетах компании в сумме свыше 3,7 млрд рублей. Также арестованы активы фигурантов на общую сумму порядка 1 млрд рублей», – рассказала генерал-майор полиции.

    По версии следствия, противоправная деятельность велась с 2014 года на территории девяти регионов России. Злоумышленниками были созданы подконтрольные организации с сетью региональных филиалов, которые работали под единым брендом «Лайф из Гуд». Гражданам предлагали стать пайщиками кооператива, обещая либо новое жилье, либо получение дохода в размере до 30% годовых. При этом реальным инвестированием вкладов фигуранты не занимались. Приобретение недвижимости и обещанные выплаты осуществлялись за счет привлечения средств новых клиентов. Кроме того, граждан вводили в заблуждение об уровне доходности вложений, указывая в договорах параметры гораздо ниже обещанных. Полученные от вкладчиков деньги похищались.

    Ранее стало известно, что Приморский районный суд Санкт-Петербурга заочно арестовал топ-лидера инвестиционного проекта Life is Good в Набережных Челнах Сергея Санникова и его жену Юлию. Также суд избрал меру пресечения в виде заключения под стражу и в отношении директора холдинга Игоря Маланчука. В июле этого года они были объявлены в федеральный розыск – соответствующая информация появилась в базе данных министерства.

  14. lehenga choli表示:

    Greetings! Very useful advice in this particular post! It’s the little changes that produce the most important changes. Thanks a lot for sharing!

  15. Howdy! This article couldn’t be written much better! Looking through this post reminds me of my previous roommate! He constantly kept talking about this. I will send this post to him. Fairly certain he will have a good read. Thanks for sharing!

  16. May I just say what a comfort to uncover somebody who actually knows what they’re discussing online. You certainly know how to bring an issue to light and make it important. More and more people must read this and understand this side of your story. I was surprised that you’re not more popular since you certainly have the gift.

  17. Hello there! This post could not be written any better! Reading this post reminds me of my good old room mate! He always kept chatting about this. I will forward this write-up to him. Fairly certain he will have a good read. Many thanks for sharing!

  18. kubet77表示:

    I’m amazed, I have to admit. Rarely do I come across a blog that’s equally educative and amusing, and without a doubt, you have hit the nail on the head. The problem is something which too few people are speaking intelligently about. Now i’m very happy I found this during my hunt for something concerning this.

  19. Thank you, I’ve just been looking for info about this topic for ages and yours is the greatest I have discovered till now. But, what about the bottom line? Are you sure about the source?

  20. Spot on with this write-up, I honestly believe that this site needs a great deal more attention. I’ll probably be back again to see more, thanks for the information.

  21. Dnhzyu表示:

    buy norfloxacin medication – cheap confido buy confido generic

  22. iptv表示:

    Excellent site you have here.. It’s difficult to find good quality writing like yours nowadays. I seriously appreciate individuals like you! Take care!!

  23. iptv表示:

    You ought to be a part of a contest for one of the finest sites online. I am going to highly recommend this web site!

  24. 벼룩시장 구인구직 및 신문 그대로 보기 (PC/모바일) | 구인구직 앱 어플 무료 설치 다운로드 | 모바일 벼룩시장 보는 방법 | 벼룩시장 부동산 | 지역별 벼룩시장 | 벼룩시장 종이신문 에 대해 알아보겠습니다.섹스카지노사이트

  25. iptv表示:

    I’m excited to find this website. I need to to thank you for your time for this wonderful read!! I definitely loved every little bit of it and i also have you bookmarked to look at new things on your blog.

  26. iptv表示:

    Having read this I thought it was extremely enlightening. I appreciate you finding the time and energy to put this short article together. I once again find myself personally spending way too much time both reading and commenting. But so what, it was still worth it!

  27. iptv表示:

    Good post. I learn something new and challenging on sites I stumbleupon everyday. It’s always useful to read content from other authors and use something from other web sites.

  28. iptv表示:

    I would like to thank you for the efforts you’ve put in writing this site. I really hope to view the same high-grade blog posts from you later on as well. In truth, your creative writing abilities has encouraged me to get my very own blog now 😉

  29. Huczyj表示:

    lasuna online order – buy diarex without a prescription himcolin over the counter

  30. I wanted to thank you for this good read!! I definitely loved every bit of it. I have got you book-marked to check out new stuff you post…

發佈留言

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