链接文件夹中的HTML文件?

时间:2017-09-17 17:10:15

标签: javascript html hyperlink include directory

我的网页的重复部分被放在一个单独的HTML文件中,并包含在每个使用这些部分的页面上(例如标题)。这样我只需要更改一次,每个页眉都会自动更新。这适用于站点根目录中的页面。但是,当我在页面中包含标题时,我必须更改所有" example.html"链接到" ../ example.html"链接,以便它将链接到父文件夹。当我这样做时,站点根页面上的标题链接被破坏,因为它将搜索站点根目录的父文件夹中的文件。我想只有一个头文件并在每个页面上使用它,无论是在站点根目录还是在文件夹中。

我的解决方案是创建两个不同的头文件。其中一个有" example.html"链接在站点根目录的页面上使用,另一个具有" ../ example.html"链接在文件夹中的页面上使用。这是我到目前为止唯一的解决方案,我认为使用两个不同的文件是非常低效的,而唯一的区别是" ../"在每个链接之前。

问题:这真的是唯一的解决方案吗?

1 个答案:

答案 0 :(得分:1)

如果您使用前导斜杠开始您的网址,则它们将相对于基本网址而不是相对于您当前网页的网址。例如:

Current Page: http://example.com/about.html
Link:         <a href="/index.html">
Result Page:  http://example.com/index.html

Current Page: http://example.com/directory/about.html
Link:         <a href="/index.html">
Result Page:  http://example.com/index.html