html - 如何创建 HTML 模板

Question

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

假设公共数据是 HTML 格式。

Answer 1

You can do it in jsp as follows

by using two ways

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

or

<@include file="reuse.html">

Have a look at this question What is the difference between <jsp:include page = ... > and <%@ include file = ... >?

Answer 2

You can do this in three places:

1. At build/publication time — you generate HTML documents from your data sources and then publish static files. This option works for everybody, but can make the build times rather long for very large sites. I use ttree for this.
2. At run time, on the server — this works in much the same way as the previous option, but is done on the server and on demand (i.e. when a page is requested). Template-toolkit is also an option here, but here are many many others, including Django templates and Smarty.
3. At run time, on the client — this involves pulling the content together using frames or JavaScript. It is unfriendly to search engines and will break bookmarking unless you are very careful. I don't recomment it.

Answer 3

是的，您可以iframes用于此目的。

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

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

参考以下链接：

http://reference.sitepoint.com/html/iframe

Answer 4

我认为您正在寻找的是模板解决方案。

Answer 5

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

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

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

希望这可以帮助

Answer 6

最好的方法是在运行时。

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

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

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

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

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