在HTML中创建模板的最佳实践

Question

我开始用纯HTML创建网页。我有标题，主要内容和页脚。主要内容分为左右两个内容。除了正确的内容外，所有页面上的所有内容都是相同的。现在我有大约15页。如果我对其他静态页面（页眉，页脚和左侧内容）进行一些更改，这是非常烦人的，因为我必须浏览所有页面。

为每个静态区域创建一个HTML文件的最佳方法是什么？我将如何整合它？

Answer 1

基本上，你可以做三个地方：

1. 在构建时。运行将页面放在一起并输出静态HTML的脚本。然后将静态HTML上传到服务器。 ttree对此非常有用。您可以将脚本包装在一个完整的构建系统中，该系统将CSS和JS组合并缩小，然后将其上载到服务器。这是一个需要最少担心客户端和服务器支持的选项。更新：现在有很多static site builders包含此功能。
2. 在服务器上运行时。这可能是一个简单的SSI，一个PHP include或一个完整的模板系统（其中有很多，包括Template Toolkit和mustache），可能在MVC框架内运行（例如Catalyst或Django）。这是最常用的方法，它在进行更改和结果生命之间的时间更短，然后在构建时进行模板化。
3. 在客户端的运行时。这增加了对JavaScript的依赖性，因此除非您已经有a server side solution，否则我不会推荐它。

Answer 2

有几种方法可以做到这一点。

如果您纯粹使用HTML，那么您可以使用“服务器端包含” - 这是一个标签，允许您将文件加载到页面中（请参阅http://en.wikipedia.org/wiki/Server_Side_Includes）。谁托管您的网站必须支持这一点。

<!--#include virtual="../quote.txt" -->

如果您的网站主机碰巧使用PHP，您可以使用include方法执行此操作（请参阅http://php.net/manual/en/function.include.php）：

<?php include('path_to_file/file.htm');?>

这将包括放置标记的位置的文件。但同样，无论谁托管您的网站，都需要支持这一点。

还有其他方法可以做到这一点，这些是我使用的两种方法。