HAML 与 Zen 编码

Question

我读到了HAML< /a> 与 Zen 编码。两者都可以节省输入 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

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

Answer 2

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

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

引用：

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

--

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

Answer 3

您实际上可以同时使用两者:) 这很快:)