Zen Coding 简易快速的HTML编写

Zen Coding 是个文本编辑器的插件。在使用Zen Coding的文本编辑器中，可以用简短的代码来书写常规的HTML代码，这个工具极大的简化了HTML编写。

例如以下HTML代码：

Zen Coding的缩写规则有些类似CSS选择器：

• id和class：如 div#main.list.item 表示的是<div id="main" class="list item"></div>
• 其他属性可以这样：div[title], a[title="Hello world" rel], td[colspan=2]
• 重复元素：li*3将输出3个<li></li>
• 重复元素数字序号：li.list-$$*2将被扩展成 <li class="list-01"></li><li class="list-02"></li> 。多个$放在一起的时候，前面的$将作为0来填补位数。
• 可以用括号来分组：div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer
• Filters支持，使用不同的参数，将得到完全不同的结果

其他主要功能

默认的除了HTML/XML/XSL/CSS/HAML缩写外，Zen Coding 还提供了其他一些方便代码编写的功能。

简写包裹(Wrap with Abbreviation)。

根据光标的位置或文本选择情况，输入代码简写后得到想要的最终代码。

标签匹配(Balance Tag)

ZC(Zen Coding)提供了一个快速选择元素内所有内容的方法

编辑点(Edit Point)

由ZC扩展出来的代码是没有内容的，此功能则可以快速的定位到内容编辑点处

最后

常见的IDE如Ecliplse/Aptana,Notepad++,TextMage,Dreamweaver,UltraEdit,Visual Studio等，都已经有官方或者第三方的插件支持。实际上由于Zen Coding的核心代码有Javascript和Python两种语言版本，在引入了相应的JS文件后，浏览器中的文本编辑区域都可以使用Zen Coding了。