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的後續介紹。
Посетите 1win официальный сайт для получения доступа к широкому ассортименту игр и ставок.
Защитите свои данные с помощью резидентских прокси, советуем этим инструментом.
Какие преимущества у резидентских прокси?, ознакомьтесь с подробностями.
Какой резидентский прокси выбрать?, инструкция для пользователей.
Для каких целей используют резидентские прокси?, узнайте возможностями.
В чем преимущество безопасности резидентских прокси?, обзор функций безопасности.
Какие риски может предотвратить резидентский прокси?, рассмотрим важные аспекты.
Как резидентский прокси помогает повысить эффективность?, рассмотрим основные плюсы.
Как улучшить скорость Интернета с резидентским прокси, рекомендации для оптимизации работы.
Почему резидентский прокси стоит использовать для парсинга, анализ возможностей для парсеров.
Как оставаться анонимным в Интернете с резидентским прокси, практические шаги к безопасности онлайн.
Секреты эффективной работы в соцсетях с резидентским прокси, подробный обзор функционала.
Как сэкономить время с помощью аренды резидентского прокси?, сравним лучшие варианты.
Как использовать резидентские прокси для защиты от DDoS-атак, рассмотрим меры безопасности.
В чем причина популярности резидентских прокси?, проанализируем основные факторы.
Какие прокси лучше: резидентские или дата-центры?, советы для выбора.
резидентные прокси купить https://rezidentnieproksi.ru/ .
Добрый день!
Приобрести диплом ВУЗа.
backshowtime.ru/kupit-diplom-otzyivyi-i-garantii
Рекомендую лучшего букмекера 1win
Indibet is a premier online casino offering a wide array of games including slots, table games, and live dealer options. Renowned for its user-friendly interface and robust security measures, Indibet ensures a top-notch gaming experience with exciting bonuses and 24/7 customer support.
купить квартиру в новостройке цены купить 1 квартиру застройщика
купить новостройку с отделкой https://kvartira-new43.ru
купить квартиру новостройка застройщика отделкой квартиры от застройщика цены
The future football star Shabab Al-Ahly https://dubai.shabab-al-ahli-ar.com was born in Dubai in 2000. From a young age, he showed exceptional football abilities and joined the youth academy of one of the UAE’s leading clubs, Shabab Al-Ahly.
In the world of football, Atletico Madrid https://spain.atletico-madrid-ar.com has long been considered the second most important club in Spain after the dominant, Real Madrid.
The fascinating story of Ja Morant’s https://spain.atletico-madrid-ar.com meteoric rise, from status from rookie to leader of the Memphis Grizzlies and rising NBA superstar.
Galatasaray https://turkey.galatasaray-ar.com is one of the most famous football clubs in Turkiye, with a glorious and eventful history.
AC Milan https://italy.milan-ar.com is one of the most successful and decorated football clubs in the world.
Ремонт плоской кровли https://remontiruem-krovly.ru в Москве, цена работы за 1 м?. Прайс лист на работы под ключ, отзывы и фото.
типография печать https://salavat-rik.ru
Thai Company Directory https://thaicorporates.com List of companies and business information.
Привет!
Покупка диплома о среднем полном образовании: как избежать мошенничества?
willstonemidlevel.com/куплю-диплом-фото/
Real Madrid’s https://spain.real-madrid-ar.com history goes back more than a century. The club was founded in 1902 by a group of football enthusiasts led by Juan Padilla
FC Bayern Munich (Munich) https://germany.bayern-munchen-ar.com is one of the most famous and recognized football clubs in Germany and Europe
Отличный сайт! Всем рекомендую!типография
Arsenal https://england.arsenal-ar.com is one of the most famous and successful football clubs in the history of English football.
raffaelli 40 Budva boat tour
azimut magellano 53 https://boat-hire-in-montenegro.com
Лучшие автомобили из Кореи | Подсказки по выбору корейского автомобиля | Корейские авто: плюсы и минусы | Топ-5 автомобилей из Кореи | Преимущества авто из Кореи | Какие корейские автомобили пользуются спросом? | Топ-7 подержанных авто из Кореи | Какие корейские автомобили стоят своих денег? | Подбор авто из Кореи по вашим требованиям | Лучшие внедорожники из Кореи | Способы страхования авто Кореи | Какой корейский автомобиль выбрать для путешествий? | Будущее электромобилей в Корее | Проверка корейского автомобиля перед приобретением | Как сделать уникальным свой корейский автомобиль
машины из кореи под заказ https://avtodom63.ru/ .
Здравствуйте!
Мы изготавливаем дипломы психологов, юристов, экономистов и других профессий по выгодным тарифам.
alivechrist.com/read-blog/204_proverennyj-i-nadezhnyj-magazin-s-obshirnym-katalogom-dokumentov.html?mode=day
Здравствуйте!
Купить документ университета вы сможете в нашей компании.
ast-diploms24.ru/kupit-diplom-omsk
Хорошей учебы!
speman online buy – cost finasteride order finasteride for sale
FC Barcelona https://spain.fc-barcelona-ar.com is undoubtedly one of the most famous and well-known football clubs in the world.
Al-Nasr Club https://saudi.al-hilal-ar.com from Riyadh has a rich history of success, but its growth has been particularly impressive in recent years.
Al-Ittihad https://saudi.al-ittihad-ar.com is one of the most famous football clubs in Saudi Arabia. Founded in 1927, the Saudi football giant has come a long way to the pinnacle of success.