html - 来自单独文件的内容，布局完整

Question

我正在制作个人主页。我想展示几个“类别”。我看到两个选择：

1) 制作许多页面，例如 category1.html、category2.html ... 并复制我不想更改的所有部分（例如菜单、标题 ...）。但是，如果我只想更改布局，那么更改所有这些部分会很糟糕。

2) 我可以将所有内容放在一个 index.html 文件中并使用标签功能吗？这会使 index.html 太长，我将不得不查看所有内容以仅更改内容

是否可以在我的主页中有某种选项卡，并且只从单独的文件中提取特定 div 的内容而不改变主布局？

Answer 1

我找到了我的答案。实际上，我认为像jekyll这样的东西是我想要的，即静态站点生成器。不管怎么说，还是要谢谢你

Answer 2

通常，如果您使用 Web 框架构建站点，它包含一个可以轻松处理此类问题的模板系统。如果您只想要一个基本的 HTML 页面，这涉及到很多可能有点过分的东西。

如果您只想构建一些 HTML 页面，请考虑使用服务器端包含 (SSI)。如果您的网络服务器是 Apache，此页面可能会有所帮助：https ://httpd.apache.org/docs/2.4/howto/ssi.html

SSI 允许您添加这样的标签

<!--#include virtual="/header.html" -->

您可以添加到您的各个类别页面，以便它们可以共享一个公共标题。