11

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

如何为每个静态区域创建一个 HTML 文件以及如何集成它？

4

2 回答 2

15

基本上，您可以在三个地方执行此操作：

  1. 在构建时。运行将页面放在一起并输出静态 HTML 的脚本。然后将静态 HTML 上传到服务器。早在 2013 年，我就推荐过 ttree，但现在静态站点构建器很常见并且功能更强大。我的项目倾向于Gatsby（复杂项目）和Metalsmith（简单项目）。Jekyll非常流行（Github 提供了将它与 GH Pages 一起使用的文档）。
  2. 在服务器上运行时。这可能是一个简单的SSI、一个 PHP包含或一个完整的模板系统（其中有很多，包括Template Toolkit和mustache），可能在 MVC 框架内运行（例如Catalyst或Django）。这是最常见的方法，它在进行更改和将结果投入使用之间的时间比在构建时进行模板化的时间更短。
  3. 在客户端运行时。这增加了对客户端 JavaScript 的依赖（它可能很脆弱，对搜索引擎不友好），所以我不推荐它，除非你已经有了服务器端或构建时解决方案。例如，Gatsby是一个静态站点生成器，它构建由静态页面支持的 React 前端。
于 2013-04-21T15:00:03.670 回答
6

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

如果您纯粹使用 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');?>

这将包括您放置标签的位置的文件。但同样，托管您网站的任何人都需要支持这一点。

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

于 2013-04-21T14:54:09.633 回答