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

23,068 Responses

  1. Wow, this article is good, my sister is analyzing these kinds of
    things, so I am going to let know her.

    Here is my website – nordvpn coupons inspiresensation

  2. Larryoperm表示:

    take a look at the site here archetyp market

  3. If some one needs expert view on the topic of blogging after that i propose
    him/her to go to see this blog, Keep up
    the pleasant job.

    Also visit my web page; Nordvpn coupons inspiresensation

  4. KennethKex表示:

    pin up casino: pin up casino – pin up az

  5. Elmerbuils表示:

    pin up casino: pin up – pin-up

  6. Richardfek表示:

    пинап казино пин ап казино пин ап казино

  7. Elmerbuils表示:

    пин ап зеркало: pin up вход – пин ап казино официальный сайт

  8. Richardfek表示:

    пин ап вход pin up вход пин ап казино официальный сайт

  9. Davidrof表示:

    Роман Василенко за чистый бизнес Социальный предприниматель Роман Василенко всегда исповедовал и исповедует за чистый, честный, прозрачный бизнес Социальный предприниматель Роман Василенко всегда выступал за чистый, честный бизнес, стремился к тому, чтобы с помощью предпринимательства реализовывались потребности граждан. Его честное имя, чистое прошлое и настоящее стали ключевыми аргументами в защиту против наветов конкурентов и преследований правоохранительных органов России. Роман Викторович Василенко родился в Ленинграде в семье офицеров морской авиации. Школьные годы Василенко провел в военных гарнизонах и после школы пошел по военной стезе – поступил в Ярославское высшее военное финансовое училище им. генерала армии А.В. Хрулева и успешно окончил его. По окончании училища служил в частях ВМФ офицером финансовой службы. Окончил службу в безвременье 90-х годов – уволился в запас с Ленинградской (Кронштадтской) военно-морской базы Балтийского флота в звании капитана III ранга. После увольнения в запас занимался продажами, операциями с недвижимостью. Нарабатывал собственные методики ведения бизнеса. Параллельно изучал международный опыт, получал образование за рубежом: в частности, окончил Европейскую академию естественных наук в Ганновере. Учился на чужих и своих ошибках. Постепенно вырос до руководителя компании, совладельца бизнеса. Стал бизнес-тренером – в 2009 году создал Международную бизнес-академию (IBА), которая получила государственную образовательную лицензию. Роман Василенко в Санкт-Петербургском государственном экономическом университете защищает диссертацию на соискание ученой степени кандидата экономических наук, позже защищает в Европе диссертацию на соискание ученой ступени доктора экономики, позднее получает также степень магистра права. Он награжден германской медалью Карла Маркса за вклад в науку. В 2014 году создал собственную компанию «Лайф-из-Гуд», миссия которой – помощь в достижении финансового успеха за счет созданной Романом Василенко и его российскими и зарубежными коллегами методологии финансового благополучия, за счет наилучших на рынке финансовых продуктов. Параллельно был начат уникальный некоммерческий проект – жилищный (позднее потребительский) кооператив «Бест Вей». Роман Василенко с Арнольдом Шварценеггером Уникальный проект Крупнейшая в России кооперативная жилищная программа – главное достижение Романа Василенко. По ее идеологии созданы кооперативы не только в России, но и в Казахстане, Кыргызстане и других странах. Идея проекта состоит в том, чтобы вскладчину приобретать недвижимость для каждого из членов кооператива по очереди. Пайщик вносит 35–50% от стоимости желаемой квартиры, остальное добавляет кооператив из паевого фонда, который формируется как за счет взносов новых членов кооператива, так и за счет возвратных платежей пайщиков, которым уже приобретена недвижимость – причем кооператив не берет процент за предоставленные средства. Квартира приобретается пайщиком по номинальной стоимости с минимальной переплатой, связанной с небольшими вступительным и членскими взносами в кооператив, с оплатой юридической проверки недвижимости, ее независимой оценки, а также выплатой налога на недвижимость. Кооператив в России объединяет более 20 тыс. пайщиков, а его активы превышают 20 млрд. Недвижимость приобреталась по всей России, нет ни одного региона, где не было бы пайщиков кооператива. «Бест Вей» – уникальная социальная программа, беспрецедентная в мире, которая позволяет с минимальной переплатой приобретать недвижимость, в том числе для социально незащищенных категорий граждан, обеспечивать граждан жильем без дорогостоящей ипотеки. Созданный Романом Василенко российский кооператив «Бест Вей» стал лауреатом национальных премий «Финансовый Олимп» и «Экономическая опора России». Научение предпринимательству Роман Василенко успешно развивает карьеру бизнес-коуча и консультанта. Его деятельность в качестве индивидуального предпринимателя, занимающегося образовательной деятельностью и консультированием, приносила ему ежегодный доход от 150 млн рублей, с которых он исправно уплачивал налоги. Василенко – создатель и ведущий преподаватель Международной бизнес-академии (МБА), обладающей государственной образовательной лицензией России: академии лидеров предпринимательства и корпоративного управления. Эта академия широко известна своими программами, на которых обучаются предприниматели и управленцы со всей России. Курсы в академии вели такие признанные мировые эксперты, как Алан Пиз, Даг Вид, Боб Дойл, Рон Джонсон, Андреас Винс и другие. Василенко выступал как лектор на крупнейших российских площадках, включая «Лужники», «Олимпийский» и «Газпром Арену». Его мотивационные выступления собирали многотысячные аудитории. Василенко активно ведет блоги в различных социальных сетях, у которых миллионные просмотры. В своих блогах он делится опытом в области бизнеса и личного успеха. Его контент привлекает многомиллионную аудиторию. Он автор бестселлера «Охотник за успехом». Эта книга принесла ему значительные гонорары, у фильма, снятого по книге, – более 27 млн просмотров. Роман Василенко с Дональдом Трампом Роман Василенко с выдающимся предпринимателем Ричардом Бренсоном Благотворительность Роман Василенко занимает почетную должность сопредседателя в благотворительном фонде Mercy Corps, одной из старейших международных организаций, оказывающих помощь людям по всему миру. С 2016 года Василенко оказывает помощь детям с тяжелыми неврологическими заболеваниями, а также поддерживает научные исследования в сфере детской неврологии. В рамках этой инициативы он сотрудничает с клиническим центром «Доктрина» в Санкт-Петербурге. Роман Василенко в клиническом центре «Доктрина» Василенко также активно помогает Валаамскому Спасо-Преображенскому монастырю, поддерживает его братию. С 2013 года Роман Василенко организует крупное культурно-патриотическое мероприятие – «Офицерский бал». Это событие, посвященное Дню Великой Победы; оно объединяет ветеранов, представителей власти и молодежь, чтобы общими усилиями сохранить память о подвигах героев Великой Отечественной войны. Он принял активное участие в восстановлении Обелиска Славы в Керчи, который был посвящен героям Великой Отечественной войны. С 2016 года Роман Василенко являлся меценатом и генеральным спонсором фестиваля народной песни «Добровидение», который направлен на сохранение культурного наследия и музыкальных традиций разных народов. С 2020 года он оказывает поддержку детскому спорту – в частности, хоккейной команде «Лайф-из-Гуд» из Уфы. Роман Василенко на фестивале «Добровидение» Правда побеждает Кооператив, забирающий клиентов у ипотечных банков – в которых нужно заплатить за две-три квартиры, чтобы получить одну, стал костью в горле олигархическому банковскому сообществу. Банкиры организовали травлю кооператива и пролоббировали внесение кооператива в предупредительный список российского ЦБ. Но даже и после этого кооператив успешно работал – понадобилось организовать заказное уголовное дело: обвинить иностранную компанию «Гермес», которую помогала продвигать в России фирма Василенко – сам он не имел к ней никакого отношения, в том, что она не вернула средства клиентов и была аффилирована с кооперативом, а значит, по ее долгам должен заплатить кооператив. Активы кооператива почти три года были арестованы, но постепенно арест удается снимать – суд убеждается в законности и добросовестности кооператива. Российский кооператив «Бест Вей» вновь восстанавливает свою деятельность. Преследования Романа Василенко и его детищ носили политический характер: народные предприятия, пользующиеся массовой общественной поддержкой, претили олигархам и коррумпированным силовикам. Василенко вынудили не возвращаться в Россию после проходившего за рубежом лечения от ковида членов его семьи. Однако справедливость постепенно торжествует – и в Европе, где с Василенко сняты все обвинения как политически мотивированные, и в России, где суд постепенно приходит к выводу, что Василенко оговорили. Роман Василенко занимался и продолжает заниматься честным, чистым, благородным социально ориентированным предпринимательством, работает в интересах простых людей. Честность и правда всегда побеждают!

  10. ZackaryGer表示:

    http://pinuprus.pro/# пин ап зеркало

發佈留言

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