Zen Code简介

来源：互联网发布：excel删除列 mac 编辑：程序博客网时间：2024/05/16 12:34

Zen Code：一款强大的HTML解析器，官方的定义如下——

Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code. For example:

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

因为笔者使用的是Notepad++，所以在Google Code里下载的是Notepad++的Plugin形式的版本（其他像Eclipse、Netbean、Aptana等都是有支持的版本）。解压到Notepad++安装目录的Plugins文件夹之后，重启Notepad++就可以看见Zen Code的Menu item了，用以上这个简洁的一行代码做测试，点击Expand，直接就生成了如下的一段冗余而重复的HTML，真的非常好用。可以再编写HTML页面的时候节约大量的时间，不过前提是前期整个页面布局和设计要做得够仔细，因为框架打乱了改起来是很麻烦的。Zen Code语法如下：

E#name: div#name        -> <div id="name"></div>

E.name:   div.name         -> <div class="name"></div>

E>E:   head>link -> <head><link/></head>

E+E:   p+p       -> <p></p><p></p>

E[attr]:      p[title]            -> <p title=””></p>

E|filter:     p.title|e         -> &lt;p class="title"&gt;&lt;/p&gt;

E*N:   p*3       -> <p></p><p></p><p></p>

E*N$:         p.name-$*3   -> p class="name-1"></p><p class="name-2"></p><p class="name-3"></p>

E+:    table+    ->  <ul><li></li></ul>

Project Home Link: http://code.google.com/p/zen-coding/