9

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

在网上搜索，我找到了Haml，但 Haml 语法看起来不像我记得的文章中的示例。文章中的语法使用了直角括号，这是缩进的一种替代。

这是什么语言？

4

3 回答 3

15

更新

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>
于 2010-06-09T14:35:01.683 回答
1

要回答一般问题（来自标题），是的，有很多。

以下是我为自己的工作看过的一些内容：

如果您在评论中添加更多内容，我可以将它们添加到答案中（它们也将存在于评论中）。

于 2015-08-07T18:45:33.283 回答
0

http://docs.emmet.io/abbreviations/是我最喜欢的速记

报价>> 

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.

于 2016-06-01T17:16:17.697 回答