Emmet 網頁開發界的超跑

在這個速度的時代,網頁也擁有非常多加速開發的工具,例如今天要介紹的這個外掛「Emmet」,他支援的開發軟體也相當多,也就是不管腳踏車、機車還是房車,都可以裝上這個超跑的引擎,廢話不多說,先讓大家知道他如何節省網頁開發的時間,如果我們在網頁上要輸入以下的HTML結構:

<div>
    <ul>
       <li><a href="#">選項1</a></li>
       <li><a href="#">選項2</a></li>
       <li><a href="#">選項3</a></li>
       <li><a href="#">選項4</a></li>
       <li><a href="#">選項5</a></li>
       <li><a href="#">選項6</a></li>
    </ul>
</div>

在我們安裝好Emmet之後,僅需輸入以下的縮寫,再按下Tab鍵,即可以產生如上述般的HTML結構:

div>ul>li*6>a[#]{選項$}

仔細看看應該不難發現HTML標籤名稱的部分都在縮寫裡面,只是利用>來區隔每一層,如果要多個同樣的標籤可以用*後來輸入個數,標籤內的屬性值是利用[ ]來包住,{ }是標籤內的值。

是不是很神奇呀?趕快到Emmet的官方網頁下載或直接利用你的網頁編輯器來安裝這個外掛吧!

Emmet 官方網站截圖
Emmet 官方網站截圖

官方網站提到Emmet的特色有六點,分別是:

  • HTML from CSS:如果你已經對CSS的選取器有概念,那就已經知道Emmet該如何去縮寫你的HTML代碼。
  • Dynamic snippets:在使用縮寫的時候,只要稍微更動一些名稱,就可以得到截然不同的結果。
  • Ultra-fast coding:快速的編寫模式,可以快速選取標籤、移動游標、產生上一層或下一層結構。
  • Customizable:可以透過編輯JSON檔案來客製化一些程式碼。
  • Platform for new tools:透過編輯開放的程式碼,可以產生新的使用模式。
  • Highly portable:高度輕便可攜。

Emmet支援的網頁編輯器也非常多,如下圖所示:

Emmet 支援的網頁編輯器

Emmet 支援的網頁編輯器

快速鍵:

(快速鍵的部分有可能跟原先的編輯器或電腦的一些應用程式有衝突而無法使用)

  • Tab:展開縮寫
  • Ctrl+Alt+→:將游標移動到下一個可以輸入屬性或值的地方。
  • Ctrl+Alt+←:將游標移動到上一個可以輸入屬性或值的地方。
  • Ctrl+D:選取一整個標籤(包含標籤的起始與結束)。
  • Shift+Ctrl+.:選取下一個標籤或屬性。
  • Shift+Ctrl+,:選取上一個標籤或屬性。
  • Ctrl+/:將選取的部分變成註解。

使用的部分功能相當多,可以參考官方網頁中的文件介紹,或是繼續閱讀馬老師針對Emmet的後續介紹。

You may also like...

6,066 Responses

  1. Betovo_hwma表示:

    Scommesse calcio Betovo Italia [url=www.betovo-betting.com]Scommesse calcio Betovo Italia[/url] .

  2. самые прибыльные франшизы самые прибыльные франшизы .

  3. Matthewgiz表示:

    Гестапо Колокольцева

    ГСУ питерского главка МВД использует фашистские методы

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

    Приморский районный суд рассматривает так называемое дело «Лайф-из-Гуд» – «Гермес» – «Бест Вей», обвиняется основатель «Лайф-из-Гуд» и «Бест Вей» Роман Василенко (для горе-правоохранителей он недоступен), по делу 10 подсудимых-заложников – ни в чем не повинных людей, технических сотрудников и пайщиков кооператива, в том числе отец Романа Василенко 83-летний Виктор Иванович Василенко.

    В ходе судебных заседаний выявлены уже десятки пострадавших от фашистских методов ГСУ.

    Лариса Василенко

    77-летняя Лариса Александровна Василенко, мама Романа Василенко, ветеран Вооруженных сил – офицер морской авиации. Служила на Дальнем Востоке в в/ч морской авиации начальником секретной части, которая была признана лучшей на Тихоокеанском флоте, награждена государственными наградами и наградами вооруженных сил.

    Гестаповцы, предатели Родины из питерской полиции в шесть утра ворвались к ней в спальню и под дулами автоматов заставили в их присутствии обнажиться и переодеваться, при этом унижали и оскорбляли. После обыска забрали ее на допрос, весь день до девяти часов вечера продержали в коридоре: дали сломанный стул без ножки, не пускали в туалет, не давали воды.

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

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

    При всех стараниях следствия к уголовному делу Ларису Александровну «пришить» не удалось, так как она никак не была связана с «Лайф-из-Гуд» и «Бест Вей» – то есть оснований для ее допроса не было никаких: это была попытка найти хоть какой-то компромат на ее сына.

    Виктор Василенко

    83-летний Виктор Иванович Василенко ветеран Вооруженных сил, полковник морской авиации, инвалид второй группы – он не видит на один глаз.

    Жестко задержан и принудительно доставлен в ГСУ на допрос. Во время задержания у него забрали все деньги, которые были с собой, не оприходовали и не вернули ему – украли деньги у пенсионера!

    Во время длительного допроса терял сознание – ему вызывали скорую. Но это не помешало помещению Виктора Ивановича на трое суток в КПЗ. Трое суток настоящих пыток: КПЗ страшнее, чем СИЗО! Все эти трое суток над ним издевались и оскорбляли.

    Оборотни в погонах МВД требовали заключить 83-летнего инвалида под стражу – но даже судья Цибизова, имеющая репутацию максимально лояльной к следствию, пришла в ужас от гестаповских методов и отказалась это сделать – оставила старика-инвалида дома под ограничением определенных действий.

    83-летнего ветерана привлекли в уголовное дело в качестве обвиняемого на том основании, что он был пайщиком кооператива – фактически взяли его в заложники.
    Так МВД преступно издевается даже над заслуженными пенсионерами, ветеранами, которые посвятили свою жизнь защите Родины.

    Зоя Семёнова

    75-летняя Зоя Магомедовна Семёнова, пенсионерка из Самары. Ее грубо задержали в аэропорту Пулково, когда она улетала домой после участия в заседании суда, на котором Зоя Магомедовна поддерживала кооператив. Параллельно провели в ее доме в ее отсутствие обыск – сломали дверь, разбили окна.

    Ее силой доставили на допрос, весь день держали в застенках ГСУ, не давали воды и сходить в туалет. Не вызвали врача, несмотря на критическое состояние здоровья – давление за 200.

    С ней работали одновременно два следователя. Следователь Мальцев во время допроса кричал на нее, грозился посадить в подвал. Следователь Сапетова в роли «доброго следователя» говорила, что готова войти в положение и отпустить: «Только подпишите».

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

    На суде выяснилось, что практически вся информация, внесенная следователем в протокол допроса, не подтверждается – Семёнова отказалась от своих показаний, сказала, что слышит в первый раз якобы свои высказывания, с ними не согласна, не знает даже таких слов и не могла использовать таких формулировок, не говоря уже о смысле «показаний», который не соответствует ни фактам, ни отношению Зои Магомедовны к кооперативу МВД – она поддерживала и продолжает поддерживать кооператив «Бест Вей», о чем заявила в суде.

    Евгений Иорданиди

    ­­­­66-летний Евгений Иорданиди офицер Военно-морского флота в отставке, кавалер государственных наград и наград Вооруженных сил.

    Подвергся жесткому обыску и жесткому допросу. Отказался в суде от акцентов в написанных за него показаний, на которые не обратил должного внимания из-за мер физического и морального воздействия на него во время допроса в ГСУ.

    Дмитрий Выдрин

    Дмитрий Выдрин – водитель, был консультантом по продаже продуктов «Гермеса».

    В результате жесткого допроса в ГСУ под угрозой заключения в СИЗО оговорил себя и других, чтобы получить домашний арест.

    Готов полностью отказаться от своих показаний – как полученных под пытками.

    Шамиль Фахруллин

    Пенсионер Шамиль Зиннатович Фахруллин был клиентом «Гермеса» и после жесткого допроса оговорил обвиняемых и написал заявление в качестве потерпевшего.

    Фахруллин скончался после допроса – по словам адвоката, он получил тяжелую психологическую травму на допросе, которая привела к инфаркту.

    Массовая фальсификация показаний

    Десятки свидетелей заявили в суде о том, что показания нарисованы, и отказывались от них в суде.

    Один из ключевых свидетелей обвинения – водитель Алексей Комаров – хотя и соглашался с красивыми показаниями, написанными за него следователями (в обмен на замену статуса с подозреваемого на свидетеля), во время судебного допроса не смог повторить эти показания даже частично, воспроизвести факты, которые он якобы приводил на следствии, – «бэкал», «мэкал» и в конце концов сослался на то, что перенес тяжелый коронавирус и все забыл.

    Таким образом, речь идет о массовой фальсификации показаний преступными следователями!

    Дискредитация вооруженных сил

    МВД и прокуратура в данном уголовном деле занимаются не чем иным, как дискредитацией Вооруженных сил, выступают против армии. Они унижают военных пенсионеров, наносят ущерб пайщикам кооператива – участникам СВО.

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

    Кооператив «Бест Вей» был создан в 2014 году капитаном третьего ранга запаса Романом Василенко прежде всего для решения жилищной проблемы действующих военнослужащих, военнослужащих, уволенных в запас, и членов их семей. Сейчас кооператив возглавляет полковник запаса депутат Государственной думы VIIсозыва Сергей Крючек. Членами кооператива являются тысячи участников СВО, орденоносцев – все они стараниями МВД и прокуратуры лишены своих денег, которые находятся под арестом, и лишены возможности купить квартиру, на которую собрали средства.

    Органы внутренних дел и примкнувшие к ним прокуроры систематически унижают военных – что наносит непоправимый ущерб престижу воинской службы – в воюющей России!

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

    Предателей – к ответу

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

    Гестаповцы, исповедующие фашистские принципы во время войны России и фашизмом, предатели Родины, замаскированные погонами МВД и прокурорскими погонами, должны быть осуждены как предатели, заслуженная кара настигнет их в полном соответствии с законом в ближайшее время!

    #Лайф-из-Гуд #Гермес #Бест Вей

  4. какие франшизы можно открыть [url=http://www.franshizy36.ru]какие франшизы можно открыть[/url] .

  5. Justinlib表示:

    http://pinup2025.com/# пин ап

  6. сейф表示:

    Тут можно купить сейф оптомсейф цена москва

  7. EdwardApest表示:

    http://slottr.top/# slot tr online

  8. RobertPex表示:

    пин ап казино официальный сайт пин ап пин ап зеркало

  9. RobertPex表示:

    slot tr online slot tr online slot oyunlar?

  10. Justinlib表示:

    http://slottr.top/# slot siteleri

  11. TravisFlasp表示:

    slot oyunlar?: en kazancl? slot oyunlar? – slot oyunlar?

  12. EdwardApest表示:

    https://pinup2025.com/# пин ап казино

  13. Justinlib表示:

    https://slottr.top/# slot tr online

  14. Отличный сайт! Всем рекомендую!скачать официальный windows 10

  15. электрические гардины для штор электрические гардины для штор .

  16. Josephnor表示:

    pinup 2025: pinup 2025 – пин ап

  17. электрокарнизы для штор электрокарнизы для штор .

  18. RobertPex表示:

    bet siteler vidobet giriЕџ internet kumar siteleri

發佈留言

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