使用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

相对路径是最佳使用方式。

Ex：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电子邮件中内联，但仍然需要考虑，例如图像。