其实就是做个笔记，在Zen Coding的官方主页上面就有这些Tags，不过很多都用不上，选了几个常用的过来记下。至于全部Tags，可以参照官方的PDF文档。
之前的一篇文章说到Notepad++的时候有提到过这款神奇的插件，至于使用方法我就不多介绍了。
Zen Coding是分为HTML 和CSS两部分的，这个不是说他有两个版本，而是说他可以加速你编写HTML和CSS的速度而已。由于我CSS比较菜，HTML用得比较多，所以只贴一部分的HTML常用的Tags。
下面的这些Tags是当你安装了Zen Coding插件的情况下才可以使用的，没有安装这款插件的同学请勿模仿。我在Notepad++上面安装了，敲下这些代码，按住快捷键Ctrl+E就可以出来了。。。
html html:4t html:4s html:xt html:xs html:xxs cc:ie6 cc:ie cc:noie a a:link a:mail a:link[title="hello"] //可以结合CSS属性选择器 link link:css link:rss link:print link:favicon style script script:src form form:get form:post label input:p input:t input:t[name="user"]#user input:r input:c input:s input:reset input:b ul+ ol+ dl+ div#yanwen.yanwen div#yanwen.yanwen1.yanwen2 div#yanwen.yanwen1.yanwen2[title] div#yanwen.yanwen1.yanwen2[title="yanwen"]>div#header+div#content+div#footer div#header>h1#logo[title="Zen coding"]+ul#nav>li.item-$*5 div#header>h1#logo[title="Zen coding"]+ul#nav>li.item-$*5>a:link[title] div#header>h1#logo[title="Zen coding"]+ul#nav>li.item-0$*5>a:link[title]+div#content+div#footer (div#header>h1#logo[title="Zen coding"]+ul#nav>li.item-0$*5>a:link[title])+(div#content>div#col1+div#col2+div#col3)+(div#footer>p#copyright)
要是你不知道Zen Coding是神马东西或者向学学Zen Coding是如何让你的代码飞速起来的话，可以花几分钟看看这个系列视频教程。要是你喜欢写网页代码的话，这个插件对你来说，应该有很大的帮助。