链接文件夹中的 HTML 文件？答案

【问题标题】：Link HTML files that are in a folder?链接文件夹中的 HTML 文件？
【发布时间】：2018-02-26 05:56:23
【问题描述】：

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

我的解决方案是创建两个不同的头文件。其中一个具有“example.html”链接，可用于站点根目录中的页面，另一个具有“../example.html”链接，可用于文件夹中的页面。这是迄今为止我唯一的解决方案，我认为当唯一的区别是每个链接之前的“../”时使用两个不同的文件效率非常低。

问题：这真的是唯一的解决方案吗？

【问题讨论】：

标签： javascript html hyperlink include directory

【解决方案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

【讨论】：

感谢您的快速回复。就像上面评论中解释的那样，我将所有“example.html”和“../example.html”链接更改为“/example.html”链接。不幸的是，现在每个链接都断开了。我做错了什么？
他们指向哪里？地址栏中显示了哪些断开的链接？
假设我希望能够导航到 example.com/about.html 我希望该链接同时适用于 example.com/index.html 和 example.com/folder/page.html 页面。我也在尝试使从 example.com/folder/page.html 到 example.com/folder/page2.html 的链接有效。也许我也应该在链接末尾添加一个前导斜杠？我在页面上收到 404 not found 错误，并且图像不会显示。
@EloyMillenniaGotjé 您能在此处复制/粘贴地址栏中的 URL，以便我们调试问题吗？
这解释了很多。很高兴知道！点击复选标记，问题得到回答:)