在多个子目录中使用HTML模板

时间:2018-10-14 04:21:30

标签: html css xml templates

我经营一个摄影网站,其中有一个故事页面(http://www.traumantic.com/stories.htm),其中有很多选择,可为该次会议提供一个子文件夹和一个图像画廊。

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

我正在尝试为页面开发一种新格式,将其放置在适当位置意味着替换数十个index.htm文件并针对该新格式编辑每个文件。一大堆工作。

我已经注意到,许多新闻站点似乎都有一种使用单个模板作为页面主体的方法,并且新闻故事的元素是从另一个来源获取的。

我认为我可以像处理画廊一样使用XML来做到这一点,但是我迷路了。

我尝试在几个文本文件夹中创建XML文件,然后读取该文件,该文件形成了两个级别的HTM文件。没用。

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

我想发生的是这个。

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

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

我宁愿投入大量工作来设计该系统,以对数百个文件进行大量替换和编辑项目。

我希望这对你们中的某些人有意义,并且您可以指导我学习一些可以帮助我学习如何做的学习主题。

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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

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