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的後續介紹。
Как поднять настроение с помошью приколов. Свежие анекдоты https://telegra.ph/smeshnye-anekdoty-09-26
Сервисный центр предлагает ремонт кофемашин aeg адреса адреса ремонта кофемашин aeg
сервисный центре предлагает ремонт телевизора – телемастер на дом москва
Your blog post was the highlight of my day. Thank you for brightening my inbox with your thoughtful insights.
https://www.evakuator-mow.ru [url=https://evakuator-mow.ru]https://evakuator-mow.ru[/url] .
borofone power bank [url=http://www.magazin-model.ro]http://www.magazin-model.ro[/url] .
услуга тревожная кнопка охрана [url=https://www.trevozhnaya-knopka-rosgvardii.ru]https://www.trevozhnaya-knopka-rosgvardii.ru[/url] .
Сервисный центр предлагает срочный ремонт холодильников siemens ремонт холодильников siemens в петербурге
сервисный центре предлагает ремонт телевизоров в москве недорого – ремонт телевизоров в москве ремонт тв
Сервисный центр предлагает стоимость ремонта ноутбука razer ремонт ноутбука razer рядом
Neurofibroma brain tumor Neurofibromas are a symptom of neurofibromatoses, which are genetic disorders of the nervous system that primarily affect the development and growth of neural nerve cell tissues.
Look no further. This site always sells buying levitra online , share feedback.
Receptors that respond to vitamin D have been found in nearly every type of human cell, from your bones to your brain.
Typical signs include: unsteadiness or staggering, forgetting commands or failure to recognize familiar people, unexplained aggressiveness or puppy-like behavior, development of obsessive behaviors, loss of bladder control, change in appetite, loss of hearing or sight, seizures, labored breathing, or whimpering or head shaking.
Anybody can enjoy low price of advair online pharmacy with wholesale discounts
Unless they declined, women were screened for Chlamydia trachomatis and, based on a risk assessment, screened for other sexually transmitted infections.
сервисный центре предлагает тв ремонт – диагностика плазменного телевизора
Промокод – это комбинация символов, которую вводят в специально отведенную строку на сайте. После активации кода, пользователь получит вознаграждение от любимого БК. Обычно к промокоду прилагается подробное описание всех предлагаемых бонусов. Но иногда букмекеры позволяют игрокам выяснить назначение кода самостоятельно, ведь многие любят сюрпризы. В случае с промокодом, сюрприз наверняка окажется приятным, ведь его главная цель – создать игроку комфортные условия, заслужить лояльность. Существуют промокоды для новых игроков, которые действительны только при регистрации, и для постоянных – окно для ввода таких кодов находится под формой пополнения игрового баланса. как сделать промокод в Введите: RS777 и тогда при депозите вы получите бонус 10400 рублей автоматически. Букмекерская контора Мелбет в 2024 году создала комфортные условия для заядлых беттеров и новых пользователей. Промокоды – вещь распространенная, потому найти их легко. Часто букмекеры размещают коды в свободном доступе, для всеобщего пользования. А промокоды для более значимых наград поступают игрокам индивидуально, например в качестве подарка ко дню рождения, извинения за возможные неудобства или просто в благодарность за сотрудничество.
Если вы искали где отремонтировать сломаную технику, обратите внимание – профи услуги
Сервисный центр предлагает починка ноутбуков lenovo ремонт ноутбука lenovo адреса
Gennady Kolodenker Overview Buring Feet Symptoms What Causes Burning Feet Diagnosing Buring Feet Burning Feet Treatment Burning Feet Prevention Tips When Should I See a Doctor?
Buy direct from our online pharmacy. Your buy sildenafil online about your problem.
Here’s why: Acting fast can save your life.
Gallstones are most often asymptomatic, but they can cause abdominal pain and in severe cases, infection.
If I’m taking bluechew sildenafil delivered to your door by a trusted pharmacyVerify offers to
Alternate Names: Breakbone Fever, Dengue-Like Disease, O’nyong-Nyong Fever Categories: Health Tags: health dengue baja california sur la paz cabo san lucas comondu loreto Baja Reading List Sponsored articles Popular Articles More About Baja…
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервис центры бытовой техники ростов на дону
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Как выбрать черный плинтус для вашего интерьера, Оценка черного плинтуса: достоинства и недостатки, С чем сочетать черный плинтус: стильные комбинации, Эффективные способы чистки черного плинтуса, Какие черные плинтусы стоит выбирать, Чем отличается черный плинтус от других цветов, Современные тренды в использовании черного плинтуса, Какие фактуры черного плинтуса пользуются популярностью, Черный плинтус в классическом интерьере: удачное сочетание, Черный плинтус: акцент или фоновый элемент, Тенденции использования черного плинтуса в современном дизайне, Черный плинтус как элемент роскоши в интерьере, Черный плинтус: отличие от других видов плинтусов, Преимущества использования черного плинтуса на стенах, Черный плинтус в кухонном дизайне: советы по выбору, Чем привлекательны черные оттенки в спальном интерьере, Черный плинтус в гостиной: респектабельность и стиль, Сочетание черного плинтуса с другими декоративными элементами, Как черный плинтус может изменить ваше пространство
гибкий плинтус черный https://plintus-aljuminievyj-chernyj.ru/ .
Как выбрать черный плинтус для вашего интерьера, Оценка черного плинтуса: достоинства и недостатки, Топ-10 дизайнерских идей с черным плинтусом, Секреты ухода за черным плинтусом, Какие черные плинтусы стоит выбирать, Преимущества черного плинтуса перед другими цветами, Черный плинтус: стильные решения для современного дома, Текстуры черного плинтуса: как выбрать подходящую, Как добавить черный плинтус в классическую обстановку, Роль черного плинтуса в оформлении интерьера, Черный плинтус: смелый шаг или классический выбор, Какое влияние оказывает черный плинтус на общий вид комнаты, Сравнение черного плинтуса с другими цветами, Преимущества использования черного плинтуса на стенах, Черный плинтус в кухонном дизайне: советы по выбору, Секреты декорирования спальни черным плинтусом, Идеи использования черного плинтуса в гостиной, Строгие черные линии в ванной: черный плинтус как элемент дизайна, Черный плинтус: творческий подход к оформлению
плинтус черный мдф плинтус черный мдф .
Сервисный центр предлагает качественый ремонт компьютеров gigabyte центр ремонта компьютера gigabyte
Черный плинтус: стильный акцент в интерьере, За и против черного плинтуса в интерьере, С чем сочетать черный плинтус: стильные комбинации, Как правильно ухаживать за черным плинтусом, Советы по подбору черного плинтуса для дома, Чем отличается черный плинтус от других цветов, Современные тренды в использовании черного плинтуса, Какие фактуры черного плинтуса пользуются популярностью, Стильные комбинации черного плинтуса с другими элементами декора, Черный плинтус: акцент или фоновый элемент, Черный плинтус: смелый шаг или классический выбор, Черный плинтус в королевском стиле: особенности декорирования, Как черный плинтус меняет общий вид помещения, Черный плинтус на стенах: стройность и элегантность, Идеи использования черного плинтуса на кухне, Черный плинтус: загадочный акцент в спальне, Как создать уютную атмосферу с черным плинтусом, Черный плинтус: шикарный акцент в ванной комнате, Идеи декорирования с помощью черного плинтуса
плинтус для столешницы черный плинтус для столешницы черный .
viagra subito: viagra 50 mg prezzo in farmacia – viagra prezzo farmacia 2023
7к казино отзывы [url=https://7k-casino-777.com]7к казино отзывы[/url] .
Что такое смешной анекдот? История свежего анекдота, какие бывают.
Черный плинтус: стильный акцент в интерьере, Плюсы и минусы черного плинтуса, Топ-10 дизайнерских идей с черным плинтусом, Как правильно ухаживать за черным плинтусом, Какие черные плинтусы стоит выбирать, Преимущества черного плинтуса перед другими цветами, Современные тренды в использовании черного плинтуса, Какие фактуры черного плинтуса пользуются популярностью, Черный плинтус в классическом интерьере: удачное сочетание, Как использовать черный плинтус для создания атмосферы, Тенденции использования черного плинтуса в современном дизайне, Черный плинтус как элемент роскоши в интерьере, Сравнение черного плинтуса с другими цветами, Черный плинтус на стенах: стройность и элегантность, Идеи использования черного плинтуса на кухне, Секреты декорирования спальни черным плинтусом, Как создать уютную атмосферу с черным плинтусом, Черный плинтус: шикарный акцент в ванной комнате, Идеи декорирования с помощью черного плинтуса
купить плинтус черный купить плинтус черный .
Получите актуальные промокоды и бонусы в лекс казино по ссылке – лекс казино промокод без депозита
Отличный сайт! Всем рекомендую!винтовые сваи заказать спб
сервис кондиционеров