Zen Coding 系列教程一:入门

Zen Coding 是一款高效用于开发HTML与CSS的编码插件，可以安装到很多软件中使用
Zen Coding 项目：http://code.google.com/p/zen-coding/

  
Demo
Demo (使用 Ctrl + , 展开缩写，需要JavaScript支持)中文版演示下载(完全支持)
Aptana (跨平台);Coda, via 
TEA for Coda (Mac);Espresso, via 
TEA for Espresso (Mac)

下载(部分支持，只支持“展开缩写”)
TextMate (只能用于Mac机,Windows可以使用E-text编辑器替代)
TopStyle
Sublime Text
GEdit;
Dreamweaver CS4
editArea在线编辑器
Zen Coding在线编辑器中文版

Zen Coding HTML 语法：

1 div#page>div.logo+ul#navigation>li*5>a

生成相应的HTML标签：

 1 <div id="page">
 2         <div class="logo"></div>
 3         <ul id="navigation">
 4                 <li><a href=""></a></li>
 5                 <li><a href=""></a></li>
 6                 <li><a href=""></a></li>
 7                 <li><a href=""></a></li>
 8                 <li><a href=""></a></li>
 9         </ul>
10 </div>