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

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

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

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

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

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

如果你的网站主机碰巧使用PHP，你可以使用include方法来做到这一点（见http://php.net/manual/en/function.include.php ）：

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

这将在您放置标签的位置包含文件。但是，无论谁托pipe您的网站需要支持这一点。

还有其他的方法，这些是我使用的两个。

基本上有三个地方可以做到这一点：

在build造时间 。运行一个脚本，将页面放在一起并输出静态HTML。然后将静态HTML上传到服务器。 ttree对此很好。你可以将这个脚本包装在一个完整的构build系统中，该系统将你的CSS和JS结合起来，然后将其上传到服务器。这是最需要担心客户端和服务器支持的选项。
在运行时在服务器上 。这可能是一个简单的SSI ，一个PHP 包含或一个完整的模板系统（其中有很多，包括模板工具包和胡子），可能运行在一个MVC框架（如Catalyst或Django ）内。这是最常见的方法，在进行更改和将结果投入生产，然后在构build时进行模板的时间较less。
在客户端的运行时 。这增加了对JavaScript的依赖，所以我不会推荐它，除非你已经有一个服务器端解决scheme 。