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的後續介紹。
1с купить 1с купить .
купить 1с онлайн купить 1с онлайн .
вызов нарколога на дом [url=https://narkolog-na-dom-krasnodar28.ru/]вызов нарколога на дом[/url] .
нарколог на дом недорого http://narkolog-na-dom-krasnodar27.ru .
https://mexicanpharmacy.store/# buying prescription drugs in mexico
https://canadianpharmacy.win/# ordering drugs from canada
Официальная покупка диплома вуза с сокращенной программой обучения в Москве
нарколог на дом в краснодаре [url=https://narkolog-na-dom-krasnodar27.ru/]нарколог на дом в краснодаре[/url] .
1c программа купить [url=kupit-1s14.ru]1c программа купить[/url] .
http://mexicanpharmacy.store/# mexican mail order pharmacies
диплом купить в спб
Быстрое обучение и получение диплома магистра – возможно ли это?
Качественные натяжные потолки в Санкт-Петербурге|Выгодное предложение на натяжные потолки в Петербурге|Лучшие специалисты по натяжным потолкам в Петербурге|Разнообразие натяжных потолков в Петербурге|Как выбрать идеальный натяжной потолок в СПб|Тепло и гармония с натяжными потолками в Санкт-Петербурге|Современный дизайн с натяжными потолками в Санкт-Петербурге|Натяжные потолки в СПб: лучший выбор для вашего дома|Только проверенные потолки в Петербурге у нас|Инновационные технологии для натяжных потолков в СПб|Быстрое и качественное установление натяжных потолков в Санкт-Петербурге|Идеальный выбор: натяжные потолки в СПб|Инновации и креативность в сфере натяжных потолков в Санкт-Петербурге|Экономьте на натяжных потолках в Санкт-Петербурге|Хит сезона – натяжные потолки в Санкт-Петербурге|Профессиональные консультации по выбору натяжных потолков в СПб|Стильные потолки в Петербурге: натяжные|Натяжные потолки в СПб: надежность и качество|Индивидуальный подход к каждому клиенту: натяжные потолки в СПб|Бонусы использования натяжных потолков в Санкт-Петербурге|Натяжные потолки в СПб: современные технологии и материалы|Эксклюзивные услуги по монтажу натяжных потолков в Петербурге|Новинки в оформлении потолков: натяжные потолки в Петербурге|Идеальное сочетание цены и качества: натяжные потолки в СПб
натяжные потолки https://potolki-spb-1.ru/ .
Taya365 is the premier online casino in the Philippines, offering a diverse range of games such as slots, table games, and live dealer experiences. Known for its seamless interface and strong security, it ensures a trustworthy and thrilling gaming environment.
taya365 app login taya365 app login .
canadian pharmacy online reviews best canadian online pharmacy precription drugs from canada
Today, while I was at work, my sister stole my iPad and tested to see if it can survive a 25 foot drop, just so she can be a youtube sensation. My iPad is now broken and she has 83 views. I know this is totally off topic but I had to share it with someone!
#@G@G@G@G#
https://penzo.cz/doku/pgs/1xbet_welcome_bonus_and_promo_code.html
http://canadianpharmacy.win/# safe reliable canadian pharmacy
https://mexicanpharmacy.store/# mexico pharmacies prescription drugs
http://mexicanpharmacy.store/# buying from online mexican pharmacy
аттестат за 11 классов купить
Остекление балконов по выгодной цене в Петербурге, предложим оптимальный вариант.
Профессиональное остекление балконов в Петербурге, по доступным ценам и с гарантией качества.
Изысканное остекление балконов в Петербурге, под заказ и с уникальным дизайном.
Надежное остекление балконов в СПб, без скрытых платежей и срочно.
Удобное остекление балконов в Петербурге, с учетом всех требований и технических норм.
застеклить балкон цена https://balkon-spb-1.ru/ .
Как получить диплом техникума официально и без лишних проблем
Ваша удача ждет вас в онлайн казино, где возможности бесконечны.
Попробуйте свои силы вместе с нами, и почувствуйте вкус победы.
Сделайте свой выбор в пользу казино онлайн, и начните зарабатывать уже сегодня.
Ощутите волнение в режиме реального времени, не тратя время на поездки.
Выигрывайте крупные суммы при помощи наших игр, и почувствуйте себя настоящим чемпионом.
Насладитесь игровым процессом вместе с игроками со всех уголков планеты, и докажите свое превосходство.
Начните играть и получите ценные подарки, которые принесут вам еще больше радости и азарта.
Почувствуйте свободу и возможность выбора в каждой игре, и погрузитесь в мир бесконечных перспектив.
Получите доступ к уникальным играм и выигрывайте крупные суммы, сделав всего несколько кликов мыши.
онлайн казино казино онлайн беларусь .
нарколог на дом анонимно нарколог на дом анонимно .
casino site
https://canadianpharmacy.win/# canadianpharmacymeds com
платный нарколог на дом платный нарколог на дом .
выезд нарколога на дом выезд нарколога на дом .
нарколог на дом краснодар нарколог на дом краснодар .
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали срочный ремонт ноутбуков fujitsu siemens, можете посмотреть на сайте: ремонт ноутбуков fujitsu siemens в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!