HAML vs Zen编码

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编码扩展的过滤器的更多信息。

Answer 2

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

您可以使用它们中的任何一个。不过，我个人使用的是Zen编码。

Quote:

Haml的核心是

，它是一种轻量级标记语言。

--

XSL是一个

编辑器插件，用于高速的超文本标记语言、可扩展标记语言、可扩展标记语言(或任何其他结构化代码格式)编码和编辑。这个插件的核心是一个强大的缩写引擎，它允许您将表达式-类似于CSS选择器-扩展为HTML代码。

Answer 3

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