使用示例：

在编辑器中输入缩写代码：ul>li*5 ，然后按下拓展键（默认为tab），即可得到代码片段：

下载

由于官网无法访问，下面是它们的百度网盘下载地址：

zencoding for notepad++ v0.7
Zen Coding for dreamweaver v.0.7.5
Zen.Coding-Coda.v0.7.1.zip
Zen.Coding-textarea.v0.7.1

使用方法

Emmet的使用方法也非常简单，以sublime text为例，直接在编辑器中输入HTML或CSS的代码的缩写，然后按tab键就可以拓展为完整的代码片段。（如果与已有的快捷键有冲突的话，可以自行在编辑器中将拓展键设为其他快捷键）
语法:
后代：>

缩写：nav>ul>li

兄弟：+
缩写：div+p+bq

上级：^

缩写：div+div>p>span+em^bq

缩写：div+div>p>span+em^^bq

分组：()

缩写：div>(header>ul>li*2>a)+footer>p

缩写：(div>dl>(dt+dd)*3)+footer>p

乘法：*

缩写：ul>li*5

自增符号：$

缩写：ul>li.item$*5

缩写：h$[title=item$]{Header $}*3

[cc lang="php"]

Header 1

Header 2

Header 3

[/cc]

缩写：ul>li.item$$$*5

缩写：ul>li.item$@-*5

缩写：ul>li.item$@3*5

ID和类属性

缩写：#header

缩写：.title

缩写：form#search.wide

缩写：p.class1.class2.class3

自定义属性

缩写：p[title="Hello world"]

缩写：td[rowspan=2 colspan=3 title]

缩写：[a='value1' b="value2"]

文本：{}

缩写：a{Click me}
Click me

缩写：p>{Click }+a{here}+{ to continue}

Click here to continue

隐式标签

缩写：.class

缩写：em>.class

缩写：ul>.class

缩写：table>.row>.col

HTML

所有未知的缩写都会转换成标签，例如，foo →

缩写：!










缩写：a

缩写：a:link

缩写：a:mail

缩写：abbr

缩写：acronym

缩写：base

缩写：basefont

缩写：br



缩写：frame

缩写：hr

---

缩写：bdo

缩写：bdo:r

缩写：bdo:l

更多相关请参考官网文档 → Cheat Sheet