绝对和相对链接

Question

在进行作业时，我有一个关于绝对和亲属链接的问题，似乎有些困惑……每种类型的链接将在哪些不同情况下使用？

谢谢！

Answer 1

简而言之，相关链接会在同一文件夹结构中查找文件。例如，如果您的文件具有以下结构：

• 根
  • /资产
    • / img
      • image.jpg
  • index.html

然后，在image.html页上找到要使用的图像时，可以输入<img src="assets/img/image.jpg">。绝对URL包含该图像的完整URL，因此类似于<img src="https://example.com/assets/img/image.jpg">。

通常，使用相对URL是最容易管理的事情。如果您使用内容管理系统，它将经常使用相对URL。

绝对URL可以在任何地方使用-如果URL不在您的网站结构中，您将需要使用它们。

如果您的服务器上有映像，则任何一种都将得到相同的结果，相对URL通常输入速度更快。 ：）

Answer 2

@Danny Santoro很好地解释了相对和绝对链接。至于何时使用它们：

• 在同一域中的页面之间进行链接时，请使用相对链接。例如，如果您正在使用https://www.google.com，并且想要链接到https://www.google.com/orange，则应使用如下所示的相对链接： {% if content.field_one %} field_one: {{ content.field_one }} {% endif %} {% if content.field_two %} field_two: {{ content.field_two }} {% endif %} 。
• 在不同域的两个页面之间进行链接时，请使用绝对链接。例如，如果您正在使用https://www.google.com，并且想要链接到https://www.facebook.com，请使用绝对链接：<a href="orange">Go to Orange</a>。

关于为什么源和目标都在同一个域中的相对链接更好的原因-假设您正在工作的站点具有域<a href="https://www.facebook.com">Go to Facebook</a>。然后，您使用绝对链接-将您网站上的每个链接硬编码为oranges.com。然后，在下一行之后，您想要将域切换为www.oranges.com/foo。现在，您必须返回并手动更改网站上的每个链接，以说www.grapes.com！而如果您只是使用相对链接，则无需更改任何内容。

如果要链接到另一个域，则只能使用绝对链接。相对链接仅在源和目标都在同一域上时才起作用。因此，在这种情况下，您将使用绝对链接。