HAML与Zen Coding

Question

我读过关于HAML与Zen Coding的内容。两者都可以节省输入HTML的时间。

哪个好用，为什么？

Answer 1

实际上可以使用Zen Coding来生成HAML。

示例：

#main.with-shadow>h1.title+h2.subtitle+p

默认情况下会产生：

<div id="main" class="with-shadow">
    <h1 class="title"></h1>
    <h2 class="subtitle"></h2>
    <p></p>
</div>

如果您希望该语句扩展为HAML，请在缩写中附加“| haml”：

#main.with-shadow>h1.title+h2.subtitle+p|haml

那应该给你以下内容：

#main.with-shadow
    %h1.title
    %h2.subtitle
    %p

阅读here以了解有关Zen Coding扩展的过滤器的更多信息。

Answer 2

HAML是一种迷你标记语言，而Zen Coding是为各种编辑器制作的插件（不是标记语言）的集合。

您可以使用其中任何一种。我个人使用Zen Coding。

Quote:

  

Haml的核心是轻量级标记语言。

-

  

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

Answer 3

你可以同时使用两者:)这很快：）