Brackets Emmet 擴充功能可以讓你在輸入HTML只需輸入少許代碼縮寫，便能自動生成所需的代碼片段，省略很多需要重複鍵入的按鍵，有效節省大量時間...
例如：要輸入一段HTML5的基本結構只需輸入一個 "!" 然後按鍵盤的「TAB」就可以建立一個 HTML5 的標準檔案初始結構，沒錯，就是這麼簡單，結果如下：

Emmet 常用的快速鍵在 Brackets 「編輯」功能表中也有，部分也有可能跟其他的編輯器或電腦的一些應用程式有衝突：

Tab：展開縮寫
Ctrl+Alt+→：將游標移動到下一個可以輸入屬性或值的地方。
Ctrl+Alt+←：將游標移動到上一個可以輸入屬性或值的地方。
Ctrl+D：選取一整個標籤（包含標籤的起始與結束）。
Shift+Ctrl+.：選取下一個標籤或屬性。
Shift+Ctrl+,：選取上一個標籤或屬性。
Ctrl+/：將選取的部分變成註解。

Emmet 的語法有點類似 CSS 的語法，要建立 id 為 box 的 div 標簽，只需要輸入 #box 然後按鍵盤的「TAB」就可以建立如下結構（div 是 Emmet 的預設標籤，可以省略）：

Emmet 的語法實在是很方便,底下舉幾個例子供參考：

如果要要輸入一個 id 為 box , class 為 box 的 ul 標簽：

要建立一個無序列表，而且被 class 為 box 的 div 包裹：

如果想要建立同級的元素，就需要使用 + 號。：

如果我想要輸入一個跟 ul 同級的 span 標簽，那麼我需要先用 "^" 提升一下層次：

如果要建立一個與 div 同級元素，那麼就再上升一個層次，多用一個 "^" 符號：

通常一個無序列表，ul 下面的 li 肯定不只一個，那麼可以直接在 li 後面 * 上數字，以便指定產生個數：

用括號進行分組，這樣可以更加明確要建立的結構，特別是層次關系，例如：

此外，分組還可以很方便的結合上面說的 "*" 符號建立重複結構：

如要果建立一個 href 為 "" ，title 為 "原來如此" 的 a 連結標簽，可以這樣寫：

a[href="" title="原來如此"]

關於多個無序列表，可以使用連續數字來作為 id 的屬性值，那麼就需要使用 $ 符號代表個數值：

既然 $ 示一位數字，只出現一次的話，預設從1開始。如果出現多個 $，則會自動補 0。例如想建立三位數的列表，那麼要寫三個 $：

如果想讓數字由大小排列，可以在 $ 後面增加 @- 來實現反向排序：

還能指定開始的數字，例如從 3 開始，可以使用 @N 指定開始的序號：

反向排序，可以這樣寫：

在標籤裡加入文字內容的方法，請使用 {}：

在建立內容的時候，特別要注意前後的符號關係，雖然 a>{.....} 和 a{.....} 建立的結看起來很像，但是加上其他的內容就不一定了，例如：

不要有空格，使用空格排版。會導致程式碼無法使用。例如下面這句：
(header > ul.nav > li*5) + footer
去掉空格之後，就可以正常執行建立結構了