html - 在本地和网络上都有效的 HTML 站点中的根目录相关链接

Question

相对根目录的链接通常通过在 href 属性前加上 / 来实现，如下所示:

<a href="/path_to_file">

问题是这不适用于本地运行的网站，因为 / 将链接到计算机文件系统的实际根目录，而不是网站的基本 URL。

有没有一种方法可以使根目录相关链接不仅在传统的网络托管情况下而且在本地运行时都能正常运行？

Answer 1

您可以在 head 中提供一个基本 URI :

<base href="https://example.com/" />

有了这个base元素，<a href="/path_to_file">将链接到 https://example.com/path_to_file , 无论当前文档主机如何。