0

在我看来，HTML 源文件中的空行，尤其是顶部的空行看起来很不整洁。

一个常见的模板代码（在本例中为 Jinja2）可能如下所示：

{% block header %}

{% include "templates/partials/something_header.html" %}

{% endblock header %}

{% block body %}

{% include "templates/partials/something_body.html" %}

{% endblock body %}

{% block footer %}

{% include "templates/partials/something_footer.html" %}

{% endblock footer %}

现在，即使没有添加缩进问题以使上述内容更美观，由于模板代码中的 2 个回车符，它已经产生了生成 2 个空行的不利影响：

.
.
<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv=....

虽然在这种特殊情况下我可以使用缩小器/后处理器，但我想知道其他人做了什么来保持他们的模板代码易于阅读，同时防止不必要的空行？

编辑：为了消除生成的源代码头部的空行，上面的模板代码示例如下所示（可读性要差得多）：

{% block header %}{% include "templates/partials/grid_header.html" %}{% endblock header %}

{% block body %}

...
4

1 回答 1

0

我最初的问题有点像“我知道这可以做到，但还有其他方法吗？”。

感谢 David 和 Lajos 的反馈，确认从模板引擎生成的 HTML 的后处理是减少不需要的空行和间距的最常用方法。

Lajos 还提出了维护每个模板本身的“干净”和“正确”版本的概念，开发人员可以不受干扰地使用干净的模板代码，并且在任何修改后，文件的另一个版本将被鬼写，但重新格式化因此，从它生成 HTML 实际上会生成干净的 HTML，而不会因模板而产生任何不需要的工件。

虽然我倾向于使用通用的后处理方法并将任何此类 HTML 清理以及合并和缩小 CSS/JS 等链接起来，但在某些情况下，Lajos 的实现肯定会是有益的（即，如果你不/应该在模板阶段之外没有控制权）。

于 2013-09-18T18:13:54.547 回答