html - 如何在 HTML 中创建模板？

Question

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

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

Answer 1

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

1. 在构建时。运行将页面放在一起并输出静态 HTML 的脚本。然后将静态 HTML 上传到服务器。早在 2013 年我就推荐了 ttree , 但这些天static site builders很常见，也更强大。我的项目倾向于 Gatsby (对于复杂项目)和 Metalsmith (对于更简单的)。 Jekyll非常受欢迎(Github 提供了 documentation 用于将其与 GH Pages 一起使用)。
2. 在服务器上运行时。这可能是一个简单的 SSI , 一个 PHP include或完整的模板系统(其中有很多，包括 Template Toolkit 和 mustache )，可能在 MVC 框架内运行(例如 Catalyst 或 Django )。这是最常见的方法，它在进行更改和放置结果生命然后在构建时进行模板之间的时间更短。
3. 在客户端运行时。这增加了对客户端 JavaScript 的依赖(can be fragile 并且对搜索引擎不友好)，所以我不推荐它，除非你已经有 a server-side or build-time solution到位。 Gatsby ，例如，是一个静态站点生成器，可构建由静态页面支持的 React 前端。