html - 跨多个子目录使用 HTML 模板

Question

我经营一个摄影网站，其中有一个故事页面 ( http://www.traumantic.com/stories.htm )，该页面包含一长串选项，这些选项指向该 session 的子文件夹和图像库。

我在每个显示所选画廊的文件夹中都有一个 index.htm 文件。

我正在尝试为我的页面开发一种新格式，将其付诸实现意味着替换数十个 index.htm 文件并针对该新格式编辑每个文件。大量工作。

我注意到很多新闻网站似乎都有一种方法，即在页面主体中使用单一模板，新闻故事的元素是从另一个来源提取的。

我想我可以像处理我的画廊那样用 XML 来做这件事，但我迷路了。

我尝试在几个文本文件夹中创建一个 XML 文件，然后读取该文件形成一个两层以上的 HTM 文件。没用。

目前，当您单击我的故事页面上的链接时，它会打开子文件夹中的 index.htm 文件。

我想要发生的是这个。

单击我的故事页面上的一个选项会启动一个 html 模板，该模板会从文件夹中读取详细信息。

一个 html 模板将用于下面所有不同的故事文件夹。让快速修改我的网站外观变得更加容易。

我宁愿投入大量工作来设计这个系统，对数百个文件进行大规模替换和编辑元素。

我希望这对你们中的一些人有意义，并且你们可以指导我研究一些主题，以帮助我学习如何做到这一点。

我正在就可以看到此过程示例的地方寻求建议。

Answer 1

最简单的选择是使用 iframe https://www.w3schools.com/tags/tag_iframe.asp

<iframe src="/path/to/file.html"></iframe>

搜索“html include”将产生一些具有各种 JavaScript 实现的指南。 (例如，https://www.w3schools.com/howto/howto_html_include.asp)

如果你能够运行 php，你可以使用 include https://www.w3schools.com/php/php_includes.asp

但到那时，您可能需要考虑安装某种模板引擎，例如 twig https://twig.symfony.com/doc/2.x/intro.html