如何创建 HTML 模板答案

【问题标题】：How to create HTML Templates如何创建 HTML 模板
【发布时间】：2013-08-08 11:16:45
【问题描述】：

我有几个 HTML 页面，其中一些内容对于所有页面都是相同的。有没有办法将内容放入单个文件并将其包含在所有 HTML 页面中？

假设公共数据是 HTML 格式。

【问题讨论】：

【解决方案1】：

是的，您可以为此使用iframes。

以 .html 格式设计您的母版页并将其与 iframe 标记一起使用

 <iframe src="MasterPage.html"></iframe>

参考以下链接：

【讨论】：

【解决方案2】：

我认为您正在寻找的是templating solution。

【讨论】：

【解决方案3】：

在jsp中可以如下实现

通过两种方式

<jsp:include page="reuse.html" />

或

<@include file="reuse.html">

【讨论】：

【解决方案4】：

您可以在三个地方执行此操作：

在构建/发布时——您从数据源生成 HTML 文档，然后发布静态文件。此选项适用于所有人，但对于非常大的站点可能会使构建时间相当长。我为此使用ttree。
在运行时，在服务器上 - 这与前一个选项的工作方式大致相同，但在服务器上和按需（即当请求页面时）完成。 Template-toolkit 也是一个选项，但这里还有很多其他选项，包括 Django templates 和 Smarty。
在运行时，在客户端——这涉及使用框架或 JavaScript 将内容拉到一起。它对搜索引擎不友好，除非您非常小心，否则会破坏书签。我不推荐它。

【讨论】：

【解决方案5】：

您可以尝试的一件事是使用 PHP。

例如，如果所有页面都有一个共同的标题，则创建一个名为 header.php 的新文档并将标题 div 的内容放入其中。您希望标题出现的所有其他页面只需使用以下方法调用它：

<?php include_once("header.php");?>

希望对你有帮助

【讨论】：

【解决方案6】：

最好的方法是在运行时。

这意味着在将页面发送到客户端时，使用 PHP、ASP、JSP 或其他服务器端脚本解决方案按需将页面连接在一起。

在 PHP 中，这可以通过以下方式实现：

<?php
    include_once("head.php");
?>
<!-- some body content -->
<?php
    include_once("foot.php");
?>

单独管理您的页眉、页脚和内容，可以非常轻松地更新您的设计，而无需编辑许多文件。

不建议在客户端使用帧/iframe 执行此操作，因为这对搜索引擎非常不友好，并且由于必须启动多个 HTTP 请求而可能会减慢您的服务器。

【讨论】：