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在线编辑器中文版
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>