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的後續介紹。
1xwin зеркало http://1win10007.ru .
открыть компанию в англии регистрация компании в британии
best site https://colend.lat
Приобретение диплома через проверенную и надежную компанию дарит ряд плюсов. Это решение дает возможность сберечь время и серьезные денежные средства. Однако, плюсов значительно больше.Мы можем предложить дипломы любых профессий. Дипломы производят на фирменных бланках. Доступная цена в сравнении с крупными затратами на обучение и проживание в другом городе. Приобретение диплома об образовании из российского университета является мудрым шагом.
Приобрести диплом о высшем образовании: fastdiploms.com/bistraya-pokupka-diplomov-s-reestrom-legko-i-udobno/
онлайн ставки на спорт с выводом денег https://www.1win10007.ru .
1win онлайн http://1win10075.ru .
1 вин официальный сайт скачать на андроид бесплатно 1 вин официальный сайт скачать на андроид бесплатно .
Заказать диплом ВУЗа по доступной цене возможно, обращаясь к проверенной специализированной фирме. Заказать документ о получении высшего образования можно в нашей компании. flaimih.com/read-blog/471_skolko-stoit-kupit-diplom-s-reestrom.html
Приобрести диплом института по доступной стоимости можно, обращаясь к надежной специализированной компании. Приобрести документ института можно в нашей компании в столице. forumkoldovstva.listbb.ru/viewtopic.phpf=37&t=17618
Купить диплом института по невысокой стоимости можно, обращаясь к проверенной специализированной компании. Приобрести документ университета вы сможете в нашей компании в столице. sportpassionhub.com/read-blog/5758_kupit-diplom-s-reestrom-v-rossii.html
1win xyz http://1win10074.ru .
открыть компанию в великобритании открыть бизнес в великобритании
account market account trading service
pin-up: pin up – pin up azerbaycan
Thanks for the article https://kinocirk.ru/
buy account secure account sales
pin up casino pinup az pin up azerbaycan
Заказать диплом института. Изготовление документа занимает минимум времени, а стоимость – невысокая. В итоге вы имеете возможность сберечь деньги и время и найти работу мечты. Заказать диплом на заказ в Москве вы имеете возможность используя сайт компании. – modiyil.com/profile/tzlmariano7796
лордфильм смотреть онлайн lordfilmy.run .
Купить диплом любого ВУЗа. Производство документа занимает минимум времени, а стоимость при этом доступна каждому. В результате вы получаете возможность сохранить бюджет и найти работу мечты. Купить диплом на заказ в Москве вы сможете через сайт компании. – mahadjobs.com/employer/russiany-diplomans
Современный и удобный сайт planet33.ru на котором легко найти нужную информацию, товары или услуги. Простая навигация, понятный интерфейс и актуальное содержание подойдут как для новых пользователей, так и для постоянной аудитории. Работает быстро, доступен круглосуточно.
http://pinuprus.pro/# пин ап зеркало
Bonuses https://badai.sbs
бк 1 вин официальный сайт http://www.1win10007.ru .
открыть бизнес в великобритании открытие компании в англии
ТЛК ТРИГА» — ваш надежный партнер в грузоперевозках негабаритных грузов
грузовые перевозки по московской области
Транспортировка негабаритных грузов автомобильным транспортом — сложная задача, требующая специализированного оборудования и профессиональных навыков.
Предлагаем аренду трала ( низкоразмерный ) для перевозки негабаритных грузов, спецтехники. Теперь Вы сможете без проблем осуществлять перевозки грузов любых размеров и форм. Наши тралы обладает высокой грузоподъемностью и широкой платформой, что позволяет безопасно и эффективно перевозить различные виды негабаритных грузов.
Мы предоставляем услуги аренды трала по выгодным ценам, которые доступны для любого бюджета. Наша команда профессиональных водителей с многолетним опытом гарантирует безопасную и надежную перевозку Ваших грузов. Мы знаем, как обращаться с негабаритными грузами и обеспечить их сохранность.
Ваше время ценно для нас! Мы всегда придерживаемся согласованных сроков и готовы к оперативному выполнению заказа. Не теряйте время на поиск альтернативных решений, обратитесь к профессионалам и получите качественный сервис. Мы готовы предложить индивидуальные условия сотрудничества и разработать оптимальный маршрут для каждого конкретного заказа. Мы понимаем, что каждый груз уникален, и готовы предоставить индивидуальный подход.
Приобрести документ ВУЗа вы можете у нас. Мы оказываем услуги по продаже документов об окончании любых университетов России. Вы получите диплом по любым специальностям, любого года выпуска, в том числе документы образца СССР. Гарантируем, что при проверке документов работодателями, никаких подозрений не появится. kupitediplom.ru/kupit-diplom-bistro-i-bezopasno-s-registratsiej-v-reestre-3/
сделать ставку на спорт онлайн регистрация http://1win10074.ru .
спид кэш https://www.1win10007.ru .
Купить документ университета вы можете у нас. Мы оказываем услуги по изготовлению и продаже документов об окончании любых ВУЗов РФ. Вы получите необходимый диплом по любым специальностям, включая документы образца СССР. Даем гарантию, что при проверке документов работодателями, подозрений не появится. diplomv-v-ruki.ru/kupit-podlinnij-diplom-s-zaneseniem-v-reestr-10/