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的後續介紹。
El comercio de opciones binarias es una forma de inversion en la que los inversores predicen si el valor de un activo subira o bajara. Plataformas como Quotex ofrecen acceso a mercados para el trading de opciones binarias. Utilizando indicadores y analisis, es posible aumentar las ganancias en el trading de opciones binarias. Opciones binarias trading se ha vuelto popular en paises como Mexico y en todo el mundo.
broker para opciones binarias quotex limited .
Фонбет промокод на сегодня https://medreviews.ru/images/ph/?aktualnuy_promokod_fonbet_pri_registracii.html
Для получения актуального промокода на сегодня, рекомендуется регулярно проверять обновления на официальном сайте Фонбет или подписаться на рассылку новостей. Примером актуального промокода может быть ‘GIFT200’, который предоставляет бесплатные ставки или другие бонусы для новых пользователей. Регулярное использование таких промокодов помогает пользователям получить дополнительные преимущества и увеличивает шансы на выигрыш.
Идеальное место для любителей азарта | Станьте счастливым обладателем большого выигрыша на Casino Kometa com | Увлекательные игры и высокие шансы на победу | Получайте выгодные предложения и бонусы за активную игру | Погрузитесь в мир азарта в любое удобное для вас время | Легальное игорное заведение с безопасными условиями | Заботимся о вашей безопасности и конфиденциальности | Специалисты всегда готовы помочь вам в любое время суток | Доступ к играм гарантирован на всех популярных устройствах | Удобные способы оплаты для вашего комфорта | Выводите средства без задержек с Casino Kometa com | Уникальные возможности и выгодные предложения для игроков | Получите дополнительные выгоды и возможности для победы | Эксклюзивные игры и новинки азартного мира | Обновляйте свой игровой опыт с помощью новинок на Casino Kometa com
kometa casino online kometa casino войти .
depakote er online pharmacy: low dose naltrexone pharmacy – chloramphenicol pharmacy
target store pharmacy hours: best pharmacy – people’s pharmacy nexium
Viagra capsules: online pharmacy uk propecia – discount pharmacy online
Добрый день!
Мы изготавливаем дипломы любых профессий по приятным тарифам.
clickandconnectclubs.com/index.php?do=/public/blog/view/id_119636/title_-2024
Официальное получение диплома техникума с упрощенным обучением в Москве
toponym.antat.ru/css/pgs/gde_kupit_diplom_instituta_v_moskve_luchshie_predlozgheniya_i_proverennue_prodavcu
Отличный сайт! Всем рекомендую!картина на холсте в Тюмени
Как выбрать профессионалов по перетяжке мягкой мебели в Минске
Доверьте свою мебель профессионалам
Перетяжка мягкой мебели на заказ в Минске
Недорогая перетяжка мягкой мебели в Минске
Идеи для перетяжки мягкой мебели в Минске
Специализированные услуги по перетяжке мебели
Уникальный подход к перетяжке мягкой мебели
Что говорят о нас клиенты
Выгодные условия сотрудничества
Уникальные проекты по перетяжке мягкой мебели
Подарите своей мебели вторую жизнь
Как обновить мебель с минимальными затратами
Получите предварительную оценку на перетяжку мягкой мебели
Инновации в процессе перетяжки мебели
Как заказать перетяжку мебели онлайн
Трикотажные и велюровые ткани для мебели
Какие условия гарантии мы предоставляем
Эксклюзивные решения для перетяжки мягкой мебели в Минске
перетяжка мягкой мебели перетяжка мебели .
Удобство работы с нашей компанией
Этапы и сроки перетяжки мебели
Ткани для мебели: преимущества и недостатки
Выбор стилей и фактур для мебели
Оригинальный дизайн для мебели
Эксклюзивные решения для вашей мебели
Где можно перетянуть мягкую мебель в Минске недорого
Как заказать перетяжку мягкой мебели дистанционно
Модные решения для перетяжки мебели в Минске
Как выбрать профессионалов по перетяжке мягкой мебели в Минске
Почему стоит выбрать перетяжку мебели на заказ
Где можно быстро и качественно перетянуть мягкую мебель в Минске
Once thyroid panels show normal values, the thyroid is often discarded as a diagnosis.
Buy direct from our online pharmacy. Your п»їlexapro do I need a prescription?
Other sources of temperature rise include allergic reactions, cancerous cells, and inflammations.
что такое слово ретрит https://ретриты.рф
Профессиональный сервисный центр по ремонту фото техники от зеркальных до цифровых фотоаппаратов.
Мы предлагаем: ремонт цифровых фотоаппаратов в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
It can be given to non-pregnant individuals 2-49 years of age who have no contraindications see below.
It is now easy to get a best time to take lasix at discounted prices from online pharmacies to begin treatment
Also tell your doctor about any medications you are taking or if you’ve received a nasal-spray flu vaccine in the past two weeks.
Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт бытовой техники в челябинске
Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт бытовой техники
капельница от запоя стоимость капельница от запоя стоимость .
Отличный сайт! Всем рекомендую!портрет на холсте в Тюмени
Utilisez le бонусы 1хбет промокоды 2024 et profitez de l’offre VIP 1xBet de 200% jusqu’a 78 000 XOF sur les paris sportifs. Inscrivez-vous avec un code promotionnel et recevez un bonus de bienvenue. Vous pouvez utiliser l’argent du bonus pour parier sur des sports ou jouer dans des casinos en ligne. La promotion 2024 est valable pour tous les nouveaux clients.
kat b
Kup prawo jazdy legalnie, kup prawo jazdy bez zaliczki, kup zarejestrowane prawo jazdy, kup prawo jazdy, kup prawo jazdy bez egzaminu Kolonia, kup prawo jazdy w Austrii, kup prawo jazdy kierowcy bez egzaminu w Austrii, kup prawo jazdy bez egzaminu w Austrii, kup prawo jazdy w Austrii, kup prawo jazdy we Frankfurcie, kup prawo jazdy w Szwajcarii.
https://kupprawo-jazdy.com/
Kup prawo jazdy legalnie, kup prawo jazdy bez zaliczki, kup zarejestrowane prawo jazdy, kup prawo jazdy, kup prawo jazdy bez egzaminu Kolonia, kup prawo jazdy w Austrii, kup prawo jazdy kierowcy bez egzaminu w Austrii, kup prawo jazdy bez egzaminu w Austrii, kup prawo jazdy w Austrii, kup prawo jazdy we Frankfurcie, kup prawo jazdy w Szwajcarii.
http://dostawcyprawajazdy.com/
Если вы искали где отремонтировать сломаную технику, обратите внимание – сервисный центр в челябинске
Use the promo code when registering on 1win and get a 100% bonus on your first deposit.
Привет, друзья!
Приобрести диплом о высшем образовании
купить диплом в железногорске
тренинг ретрит https://ретриты.рф
ретрит центр https://ретриты.рф
Рекомендуем вам обязательно посетить вот этот сайт –
http://centroculturalrecoleta.org/blog/pages/top_9320.html
Sahabet Casino’da yeni oyuncular, en buyuk hos geldin bonuslar?n? alarak oyun keyfini c?karabilir. Populer slot oyunlar? Sahabet’te en iyi odullerle dolu. Bu f?rsat? kac?rmay?n ve ilk depozitoda buyuk avantajlar kazan?n. Sahabet, 2024’un en karl? kumarhanesi olarak dikkat cekiyor.
Привет, друзья!
Мы предлагаем дипломы психологов, юристов, экономистов и любых других профессий по приятным тарифам.
forum.syntone.ru/index.php?showtopic=12615