html - 如何在静态站点中创建根目录相关链接？

Question

构建静态 HTML 站点时，您可以像这样设置基本 url <base url="http://localhost:8888/mysite" /> .假设当您插入图像时，您可以像这样从该基本 URL 执行此操作 <img src="/img/logo.png" /> ，相当于 <img src="http://localhost:8888/mysite/img/logo.png" />

我的问题是，当我四处移动站点时，这些相关链接不起作用，这很痛苦，因为我正试图与 Dropbox 上的某人共享它。我以为我可以将基本网址更改为 <base url="http://dl.dropbox.com/u/xxxxxxxx/mysite" /> ，但图片链接在这里:<img src="http://dl.dropbox.com/img/logo.png" />而不是我在头部设置的完整基本 URL。

这是为什么？

Answer 1

丢失前导 / 使其成为相对 URL:

<img src="img/logo.png" />

有 3 种类型的 URL:

• 完全合格，例如http://example.org/path/to/file

• 绝对值，例如/path/to/file(假设链接来自 example.org 域中的任何页面)

• 相对的，例如path/to/file(假设链接来自根(/)“文件夹”或者有一个基本 URL http://example.org/) 或 to/file(假设链接来自“路径”“文件夹”或基本 URL 是 http://example.org/path/)