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的後續介紹。
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов infinix, можете посмотреть на сайте: ремонт телефонов infinix
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
производители электрокарнизов производители электрокарнизов .
Самый популярный букмекер onexbet, присоединяйтесь и выигрывайте|Профессиональные прогнозы от onexbet, ставьте деньги и получайте прибыль|Безопасные ставки с onexbet, не рискуйте сомнительными сайтами|Приятные сюрпризы от onexbet, получите дополнительные ставки бесплатно|Играйте в казино онлайн на onexbet, выигрывайте крупные суммы в удобном формате|Быстрые выплаты на onexbet, важны ваш комфорт и удобство|Соблюдайте законодательство с onexbet, ваша безопасность – важнее всего|Онлайн трансляции спортивных событий на onexbet, прогнозируйте и побеждайте онлайн|Больше выгодных предложений на onexbet, бонусы и подарки ждут вас|Азартные игры с живыми дилерами на onexbet, новый уровень азарта в онлайн казино|Следите за результатами на onexbet, онлайн ставки на спорт с onexbet – ваш успех|Делайте выгодные прогнозы и зарабатывайте, выигрывайте больше и чаще|Лучшие коэффициенты и выигрыши на onexbet, играйте и побеждайте с onexbet|Онлайн поддержка пользователей на onexbet, гарантия качественного обслуживания|Легкость использования и простота на onexbet, играйте без стресса и неудобств|Играйте и выигрывайте крупные суммы, ставьте и получайте крупные выигрыши|Получайте прибыль от своих прогнозов, играть и выигрывать стало проще|Увеличьте свои шансы на победу с onexbet, ваш выигрыш – наша главная задача|Ставьте и зарабатывайте вместе с нами, делайте прогнозы и получайте прибыль|Профессиональная букмекерская контора onex
www one x bet com www one x bet com .
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов honor цены, можете посмотреть на сайте: срочный ремонт телефонов honor
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов infinix рядом, можете посмотреть на сайте: срочный ремонт телефонов infinix
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Здесь можно купить домашний сейф купить домашний сейф в москве
сколько стоит проект перепланировки квартиры в москве сколько стоит проект перепланировки квартиры в москве .
плотный поролон плотный поролон .
карниз для штор с электроприводом карниз для штор с электроприводом .
проект перепланировки проект перепланировки .
паралон для мебели паралон для мебели .
электрокарниз двухрядный цена elektrokarniz-dlya-shtor499.ru .
автоматические карнизы для штор автоматические карнизы для штор .
Рекомендую Удалить негативные отзывы . Проверенные хакеры, которые предоставляют профессиональные услуги.
мебельный паралон мебельный паралон .
Зарабатывайте больше денег на onexbet, не тратя много времени.
onexbet – ваш шанс на богатство, где бы вы ни находились.
Ставки на спорт с onexbet, лучшие условия для игры.
Получите эмоциональный заряд от игры на onexbet, и вы обязательно останетесь довольны.
onexbet – качество и профессионализм, всегда гарантированы.
Готовы ли вы к большим выигрышам? Вам нужен onexbet, – самый удачный выбор для вас.
onexbet – ваш надежный союзник в мире игры, который всегда придет на помощь.
Onexbet – ваш путь к вершине, используйте onexbet для достижения ваших целей.
onexbet – это не просто игра, это образ жизни, которая помогает вам обогатиться.
Хотите больше возможностей для выигрыша? Обращайтесь на onexbet, и вы поймете, что все возможно.
onexbet – это не просто игровая платформа, это ваш шанс на успех, который приведет вас к желаемым результатам.
Играя на onexbet, вы получаете неповторимые эмоции, но при этом ценит комфорт и безопасность.
Качественные ставки на спорт только на onexbet, все это предоставлено для вас.
Готовы к новым достижениям? Начните с onexbet, и ваша жизнь никогда не будет прежней.
onexbet online onexbet online .
заказать проект перепланировки квартиры заказать проект перепланировки квартиры .
электрокарниз двухрядный цена http://www.elektrokarniz-dlya-shtor499.ru .
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов meizu цены, можете посмотреть на сайте: срочный ремонт телефонов meizu
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Получайте больше прибыли на onexbet, не тратя много времени.
onexbet – ваш шанс на богатство, всегда и везде.
Ставки на спорт с onexbet, самые выгодные коэффициенты.
Ощутите азарт игры с onexbet, и ваша жизнь никогда не будет прежней.
onexbet – безопасность и конфиденциальность, всегда гарантированы.
Хотите ли вы заработать крупные суммы? Вам нужен onexbet, – надежный партнер на пути к успеху.
onexbet – ваш верный компаньон в мире азарта, который всегда придет на помощь.
Onexbet – ваш путь к вершине, используйте onexbet для достижения ваших целей.
onexbet – это не просто ставки, это стиль жизни, которая помогает вам реализовать себя.
Хотите изменить свою жизнь к лучшему? Начните с onexbet, и вы поймете, что все возможно.
onexbet – это не просто игровая платформа, это ваш шанс на успех, о котором мечтали.
onexbet – это идеальное место для тех, кто ищет азарт и адреналин, но при этом ценит комфорт и безопасность.
Доступ к самым популярным играм и событиям на onexbet, все это доступно для вас.
Хотите выигрывать больше? Присоединяйтесь к onexbet, и ваша жизнь никогда не будет прежней.
duftahofug https://arxbetdsrdg.com/user/duftahofug/ .
Официальная покупка диплома вуза с сокращенной программой обучения в Москве
Рекомендую Настоящие хакеры . Проверенные хакеры, которые предоставляют профессиональные услуги.
https://clomidonpharm.com/# can you get generic clomid online
проектная организация москва перепланировка [url=https://zakazat-proekt-pereplanirovki-kvartiry11.ru/]проектная организация москва перепланировка[/url] .
лист поролона цена [url=www.porolon-dlya-divana.ru]лист поролона цена[/url] .
карниз для штор электрический [url=http://elektrokarniz-dlya-shtor499.ru/]карниз для штор электрический[/url] .
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов meizu в москве, можете посмотреть на сайте: ремонт телефонов meizu цены
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Выигрывайте больше на onexbet, не тратя много времени.
onexbet – ваш ключ к финансовой независимости, где бы вы ни находились.
Спортивные ставки на onexbet, самые выгодные коэффициенты.
Ощутите азарт игры с onexbet, и ваша жизнь никогда не будет прежней.
onexbet – безопасность и конфиденциальность, для вас всегда в приоритете.
Готовы ли вы к большим выигрышам? Вам нужен onexbet, – надежный партнер на пути к успеху.
onexbet – ваш надежный союзник в мире игры, на который всегда можно положиться.
С onexbet вы всегда на шаг впереди, используйте onexbet для достижения ваших целей.
onexbet – это не просто игра, это образ жизни, которая помогает вам обогатиться.
Готовы к большим деньгам и успеху? Попробуйте onexbet, и вы поймете, что удача всегда на вашей стороне.
onexbet – это не просто сайт ставок, это ваша дорога к богатству, который приведет вас к желаемым результатам.
Ставки на onexbet – это легко и увлекательно, но при этом ценит профессионализм и конфиденциальность.
Лучшие коэффициенты и выигрыши на onexbet, все это гарантировано для вас.
Готовы к новым достижениям? Начните с onexbet, и вы удивитесь своим результатам.
LSULeopoldo https://arxbetdsrdg.com/user/lsuleopoldo/ .
alkozona http://www.alkozona.ru .
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов poco в москве, можете посмотреть на сайте: ремонт телефонов poco сервис
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!