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的特色有六點，分別是：
- HTML from CSS：如果你已經對CSS的選取器有概念，那就已經知道Emmet該如何去縮寫你的HTML代碼。
- Dynamic snippets：在使用縮寫的時候，只要稍微更動一些名稱，就可以得到截然不同的結果。
- Ultra-fast coding：快速的編寫模式，可以快速選取標籤、移動游標、產生上一層或下一層結構。
- Customizable：可以透過編輯JSON檔案來客製化一些程式碼。
- Platform for new tools：透過編輯開放的程式碼，可以產生新的使用模式。
- Highly portable：高度輕便可攜。
Emmet支援的網頁編輯器也非常多，如下圖所示：
Emmet 支援的網頁編輯器
快速鍵：
（快速鍵的部分有可能跟原先的編輯器或電腦的一些應用程式有衝突而無法使用）
- Tab：展開縮寫
- Ctrl+Alt+→：將游標移動到下一個可以輸入屬性或值的地方。
- Ctrl+Alt+←：將游標移動到上一個可以輸入屬性或值的地方。
- Ctrl+D：選取一整個標籤（包含標籤的起始與結束）。
- Shift+Ctrl+.：選取下一個標籤或屬性。
- Shift+Ctrl+,：選取上一個標籤或屬性。
- Ctrl+/：將選取的部分變成註解。
使用的部分功能相當多，可以參考官方網頁中的文件介紹，或是繼續閱讀馬老師針對Emmet的後續介紹。
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт ноутбуков sony, можете посмотреть на сайте: ремонт ноутбуков sony сервис
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
клиника вывод из запоя ростов клиника вывод из запоя ростов .
вывод из запоя дешево ростов на дону [url=www.vyvod-iz-zapoya-rostov25.ru/]вывод из запоя дешево ростов на дону[/url] .
Лучшие букеты роз для вашего праздника, насладитесь красотой и ароматом.
Индивидуальные букеты роз по вашему желанию, профессиональный подход к каждому клиенту.
Соберите свой идеальный букет роз, оперативная доставка в любую точку.
Освежите обстановку с помощью букетов роз, уникальные композиции для особых моментов.
Изысканные композиции из роз, подарите частичку красоты близким.
Насладитесь красотой и свежестью цветов, быстрая и качественная доставка.
Элегантные композиции из роз, доставка в удобное для вас время.
Выберите свой идеальный букет роз, мгновенное подтверждение заказа.
Букеты роз для вашего настроения, доступные цены и высокое качество.
Утонченные композиции из роз, приятные цены и гарантированное качество.
Букеты роз – это всегда актуальный подарок, с любовью и заботой.
Изысканные композиции из роз, насладитесь ароматом настоящей любви.
купить розы https://buket-roz-s-dostavkoj.ru/ .
вывод из запоя цены ростов на дону вывод из запоя цены ростов на дону .
https://gramster.ru/# пин ап казино
вывод из запоя цена ростов вывод из запоя цена ростов .
вывод из запоя дешево ростов-на-дону вывод из запоя дешево ростов-на-дону .
https://gramster.ru/# пин ап казино
https://gramster.ru/# gramster.ru
пин ап вход gramster пин ап
вывод из запоя недорого ростов вывод из запоя недорого ростов .
Как выбрать коляску 3 в 1: советы и рекомендации, на которые стоит обратить внимание.
Идеальные коляски 3 в 1 для современных родителей, которые порадуют вас своим качеством и функциональностью.
Как выбрать коляску 3 в 1: полезные советы, чтобы не прогадать с покупкой.
Как не ошибиться с выбором коляски 3 в 1, чтобы ваш ребенок был удобно и комфортно.
Сравнение колясок 3 в 1: отзывы и рекомендации, для того, чтобы выбрать оптимальный вариант.
купить коляску прогулочную https://kolyaska-3-v-1-msk.ru/ .
Как выбрать коляску 3 в 1: советы и рекомендации, которые обязательно пригодятся.
Идеальные коляски 3 в 1 для современных родителей, которые порадуют вас своим качеством и функциональностью.
Экспертные рекомендации по покупке коляски 3 в 1, которые помогут вам сделать правильный выбор.
Секреты удачного выбора коляски 3 в 1, для максимального удобства вашего малыша.
Плюсы и минусы популярных моделей колясок 3 в 1, для того, чтобы выбрать оптимальный вариант.
коляска детская 3 в 1 https://kolyaska-3-v-1-msk.ru/ .
Как выбрать коляску 3 в 1: советы и рекомендации, которые обязательно пригодятся.
Популярные варианты колясок 3 в 1, которые порадуют вас своим качеством и функциональностью.
Как выбрать коляску 3 в 1: полезные советы, для того, чтобы учесть все нюансы.
Секреты удачного выбора коляски 3 в 1, для максимального удобства вашего малыша.
Плюсы и минусы популярных моделей колясок 3 в 1, чтобы сделать обдуманный выбор.
balios s lux 3 in 1 https://kolyaska-3-v-1-msk.ru/ .
срочный вывод из запоя ростов срочный вывод из запоя ростов .
вывод из запоя дешево ростов на дону вывод из запоя дешево ростов на дону .
вывод из запоя круглосуточно ростов [url=http://vyvod-iz-zapoya-rostov27.ru]http://vyvod-iz-zapoya-rostov27.ru[/url] .
Лучшие коляски 3 в 1 для вашего малыша, которые обязательно пригодятся.
Идеальные коляски 3 в 1 для современных родителей, с широким функционалом и стильным дизайном.
Экспертные рекомендации по покупке коляски 3 в 1, чтобы не прогадать с покупкой.
Как не ошибиться с выбором коляски 3 в 1, чтобы ваш ребенок был удобно и комфортно.
Сравнение колясок 3 в 1: отзывы и рекомендации, и сделать правильное решение.
купить коляску трость купить коляску трость .
вывод. из. запоя. ростов. вывод. из. запоя. ростов. .
Быстрая схема покупки диплома старого образца: что важно знать?
вывод из запоя круглосуточно ростов [url=https://vyvod-iz-zapoya-rostov26.ru/]https://vyvod-iz-zapoya-rostov26.ru/[/url] .
http://gramster.ru/# pinup 2025
осушитель для компрессора купить осушитель для компрессора купить .
https://gramster.ru/# пин ап казино официальный сайт
Реально ли приобрести диплом стоматолога? Основные этапы
вывод из запоя стационар ростов [url=https://www.vyvod-iz-zapoya-rostov24.ru]вывод из запоя стационар ростов[/url] .
осушитель сжатого воздуха для компрессора купить осушитель сжатого воздуха для компрессора купить .
осушители сжатого воздуха осушители сжатого воздуха .
Лучшие коляски 3 в 1 для вашего малыша, которые обязательно пригодятся.
Популярные варианты колясок 3 в 1, которые порадуют вас своим качеством и функциональностью.
Экспертные рекомендации по покупке коляски 3 в 1, которые помогут вам сделать правильный выбор.
Что нужно знать при выборе коляски 3 в 1, чтобы ваш ребенок был удобно и комфортно.
Плюсы и минусы популярных моделей колясок 3 в 1, чтобы сделать обдуманный выбор.
купить коляску cybex https://kolyaska-3-v-1-msk.ru/ .