CSS中的地址应该是什么（链接和图像）

Question

在我的网站中，菜单是从名为“menu.php”的文件加载的。 但我的网站有一些子目录 - / blog /，/ searchtool /，/ shop /

它们采用相同的设计，使用相同的CSS文件。 但是图像和链接的网址是这样的：

<a href="my-page.html" >
<img src="images/my-image.jpg" >Image description</a>

如果我在他们之前添加我的网站完整网址 - 它可以正常工作

<a href="http://example.com/my-page.html" >
<img src="http://example.com/images/my-image.jpg" />Image description</a>

我的问题是这对我的网站效果有何影响？ 是好还是坏？ 它会引起什么问题？

在做之前有什么我应该知道的吗？

如何在地址前使用“../”，它会起作用吗？

Answer 1

取决于。

与使用绝对URL相比，使用相对URL的性能提升绝对可以忽略不计。当然，建议使用相对URL，例如，您可以在文件夹中驻留在您自己的服务器上的内容，您可以轻松链接。

浏览器足够有效地解析相对URL，正如我所说，它不会给你带来显着的性能提升。要回答您的问题，如果您指的是服务器上的资源，通常会使用相对链接。

有人可能会争辩说，使用绝对URL会导致加载时间的微妙减少，因为会有更多的DNS查找，但不要担心，它是如此之小，甚至不重要。但总是在可能的地方使用相对资源引用，它只是不那么繁琐。

  

使用相对网址的原因

1. 更容易调试localhost上的问题
2. 迁移到其他服务器，例如从Bluehost到Hostgator
3. 出于开发原因，更容易使用较短的路径
4. 有助于在多种环境中开发

  

使用绝对网址的原因

1. 从SEO的角度来看，它更好。使用规范化
2. 对于搜索引擎，真的没关系。他们也很好地解决了相关问题。

Answer 2

网络上的各种搜索引擎优化问题都是由链接，规范等中使用relative URLs引起的。

absolute URL包含的信息比相对URL的信息多。 Relative URLs更方便，因为它们更短，通常更便携。但是，您可以use them only to reference links on the same server as the page that contains them

Relative URLs经常被使用，因为开发人员在另一个主机名上有一个测试环境，这使他们可以轻松地在他们的测试环境和他们的实时环境之间移动东西。其他原因包括“just easier in website maintenance”。在我看来，由于they’re “shorter” and thus “faster”.

，一些网站也提到了他们的网站速度

在这里阅读relative-urls-issues