【问题标题】:Absolute and Relative links [duplicate]绝对和相对链接 [重复]
【发布时间】:2019-02-06 21:11:13
【问题描述】:

我在处理作业时对绝对链接和相对链接有疑问,并且似乎有点困惑......每种类型的链接将在哪些不同的情况下使用?

谢谢!

【问题讨论】:

    标签: html css web


    【解决方案1】:

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

      • /资产
        • /img
          • 图片.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 通常输入速度更快。 :)

    【讨论】:

      【解决方案2】:

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

      • 当您在同一域上的页面之间进行链接时,请使用相对链接。例如,如果您正在处理 https://www.google.com 并且想要链接到 https://www.google.com/orange,则应使用如下所示的相对链接:<a href="orange">Go to Orange</a>
      • 当您在不同域的两个页面之间进行链接时,请使用绝对链接。例如,如果您正在处理 https://www.google.com 并且想要链接到 https://www.facebook.com,请使用绝对链接:<a href="https://www.facebook.com">Go to Facebook</a>

      至于为什么如果源和目标都在同一个域上,相对链接会更好 - 假设您正在工作的站点具有域oranges.com。然后你使用绝对链接——将你网站上的每个链接硬编码为www.oranges.com/foo。然后稍后,您想将您的域切换为www.grapes.com。现在您必须返回并手动将您网站上的每个链接更改为www.grapes.com!而如果您只是使用相对链接,则无需更改任何内容。

      如果您要链接到另一个域,那么您别无选择,只能使用绝对链接。仅当源和目标都在同一个域上时,相对链接才有效。因此,在这种情况下,您将使用绝对链接。

      【讨论】:

        猜你喜欢
        • 2015-12-04
        • 2010-09-25
        • 2015-02-22
        • 2012-04-02
        • 2010-10-07
        • 2021-10-25
        • 1970-01-01
        • 1970-01-01
        • 2013-10-10
        相关资源
        最近更新 更多