標籤彙整：Emmet

我們在前幾篇的教學中已經學會如何快速輸出元素了，但除了 id 跟 class 之外，其它輸出的屬性都是 Emmet 內建的一些基本必須的，如果是再編寫過程中想要針對屬性來自訂的話，那...要如何來寫呢？

當我們要產生 ul 清單時，通常需要一次輸出大量的 li，如果要一個一個使用 + 的方式來建立的話，那應該會瘋掉吧。不過在 Emmet 中，這當然都考慮到了。

學到現在，我們雖然能產生各種元素，但像 h1 或 a 之類的都需要在展開 HTML 後才額外補上內文，那如果想要在寫的過程中也一併產生的話呢？

我們在 Emmet 教學系列 - 基本用法中已經學會建立單一元素的方式了，但網頁中通常都是有很多的子元素、孫元素及各種的兄弟元素等等。如果您對 CSS 選擇器熟悉的話，應該多少有用到階層選擇器等功能。同樣的，Emmet 也支援及提供建立含有各種階層關係的縮寫方式。

大多數的編輯器都有相對應的 Emmet(Zen Coding) 套件可以安裝，它能加快並縮短開發者在編寫 HTML 及 CSS 的時間。Emmet 基本的用法就跟我們在寫 CSS 的概念是一樣的，讓筆者先一一介紹基本的使用方式。