是否有HTML的速记版本可用？

Question

我记得几个月前读过一篇关于HTML的速记版或扩展的文章。它的目的是通过删除结束标签显著缩短HTML代码，可能还允许某种循环。我现在想使用它，但我似乎不记得它叫什么。

在网上搜索，我发现了Haml，但Haml语法看起来不像我从文章中记得的示例。文章中的语法使用了右箭头符号，这是一种替代缩进的方法。

那么这种语言是什么呢？

- monguin

Answer 1

更新

Zen Coding 已更名为 Emmet 并将其代码库托管在 GitHub 上。

---

我认为你在寻找的是 Zen Coding，可以在http://code.google.com/p/zen-coding/ 找到它。

Zen Coding 是一个用于高速 HTML、XML、XSL（或任何其他结构化代码格式）编码和编辑的编辑器插件。该插件的核心是强大的缩写引擎，允许您将类似于 CSS 选择器的表达式展开为 HTML 代码。

示例

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

展开后为

<div id="page">
  <div class="logo"></div>
  <ul id="navigation">
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
  </ul>
</div>

- sshow

Answer 2

回答标题中的一般问题，是的，有相当多的选择。

以下是我为自己的工作所研究的一些选择：

• Jade
• Haml
• SHH
• Slim

如果您在评论中添加更多选项，我可以将它们添加到答案中（并且它们也会存在于评论中）。

- QueueHammer

Answer 3

http://docs.emmet.io/abbreviations/ 是我最喜欢的缩写

QUOTE>>

Here’s an example: this abbreviation

#page>div.logo+ul#navigation>li*5>a{Item $}
...can be transformed into

<div id="page">
    <div class="logo"></div>
    <ul id="navigation">
        <li><a href="">Item 1</a></li>
        <li><a href="">Item 2</a></li>
        <li><a href="">Item 3</a></li>
        <li><a href="">Item 4</a></li>
        <li><a href="">Item 5</a></li>
    </ul>
</div>

...with just a single key stroke. In many editors (such as Eclipse, Sublime Text 2, Espresso etc.) plugins will also generate proper tabstop marks so you can quickly traverse between important places of generated code with the Tab key.

- Artistan