快速书写html代码---Zen Coding

最新推荐文章于 2023-01-18 12:23:39 发布

linlin_juejue

最新推荐文章于 2023-01-18 12:23:39 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：技术花园文章标签： html Html HTML ui UI 工作工具

本文链接：https://blog.youkuaiyun.com/linlin_juejue/article/details/8289761

技术花园专栏收录该内容

37 篇文章

订阅专栏

介绍ZenCoding工具，通过智能简洁的代码缩短HTML编写时间。支持多种编辑器插件，提供自定义缩写功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html代码写多了，就觉得需要整理出来一套常用的代码，于是笨笨的我就弄了一个.txt格式的文件放在桌面上，呵呵。内容大致如下：

<dl>
  <dt></dt>
  <dd></dd>
</dl>

<ul>
   <li></li>
   <li></li>
</ul>
<img src="" alt="" width="" height="" border="0" />
...

希望能节省这枯燥的几秒钟。

最近，发现有高人也看到了这点：Sergey Chikuyonok。他可不是简单的用txt来自己小聪明，而是大智慧。花费时间和精力，用javascript和Python编写的可以用于各个平台的一个App，即Zen Coding。
所以我强烈推荐给经常和 HTML 打交道的朋友。

下面的动态演示图，只是它强大功能的一部分而已。它无视了编辑器的自动提示和自动完成，秒杀了你自定义的各种快捷键或者 AHK 的热字符串，以智能简洁高效的缩短输入，带给你超快速地书写各种复杂而枯燥的 HTML 代码的体验。

如果你用 NetBeans、SlickEdit、Sublime、TextMate、TopStyle、UltraEdit、WebIDE and IntelliJ IDEA、Dreamweaver、Aptana 都可以在官方下载页面找到相关的插件。另外，自定义缩写也可以哦，是不是一款提高速度/效率的工具啊~

以下链接是：Zen HTML Elements，也就是基本的使用方法，

http://code.google.com/p/zen-coding/wiki/ZenHTMLElementsEn

Root Element

`html`

<html></html>

`html:xml`

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"></html>

`html:4t`

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ru">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>

</body>
</html>