html - 使用 URI 与相对路径引用/链接文件，哪个更好？

Question

对于我的网页http://www.example.com/homepage.html链接静态资源（例如 CSS 文件）的最佳方式是什么？

• http://www.example.com/css/base.css
• http://example.com/css/base.css
• /css/base.css

Answer 1

两者都不是更好。

将链接文档移动到其他位置可以幸免于难。另一个将在将整棵树移动到不同位置时幸存下来。

在大多数情况下，后者更有用（因为它允许链接在环境（开发、登台、测试、生产）之间工作），但您的需求可能会有所不同。

Answer 2

相对路径是最好的使用方式。

例如：http ://www.example.com - 绝对路径

相对路径

    var style="css/base.css";
    var style1="css/base1.css";

然后，绝对路径+样式；或绝对路径+style1。我们可以在没有硬编码的情况下改变相对路径。

Answer 3

对于内部提供的资源，通常您会使用相对 URL，原因由 Quentin 所述（相应地被赞成）。

但是，绝对 URL 在您应该注意的一些重要场景中很有用，例如：

• 当您使用CDN（内容交付网络）更快地提供静态文件（例如您在问题中提到的 CSS 文件）时。这些是由您以外的其他服务器提供的，因此您必须完全指定位置。
• 当您需要更改协议时。最常见的情况是切换到 https，例如，用于登录和购买等操作。
• 如果您将链接放入电子邮件中，那么相对路径当然不会去任何地方。这与加载 CSS 文件无关，因为样式在 HTML 电子邮件中是内联的，但仍然是需要考虑的情况，例如图像。