绝对和相对路径

理解绝对和相对URL路径之间的区别

紫色Https:用动画手点击

JuSun / Getty Images

网页设计的方方面面都以网络为中心超链接。创建一个页面上的链接帮助访问者方便地访问其他内容是网站区别于其他传播媒介(如报纸和广播)的重要特征之一。

这些链接很容易添加到页面中,但是一些设计师对最佳实现感到困惑,因为有两种标准的创建链接的方法和两种你可以使用的路径——绝对路径和相对路径。

绝对路径的url

绝对路径使用的url指向互联网上一个特定的、完全识别的位置。这些路径包括作为链接路径本身一部分的域名。

使用绝对路径指向其他域上的web元素。例如,要链接到另一个网站上的一个页面,你必须包含完整的URL。该链接将简单地在页面内添加元素,并使用URL作为href属性的链接。

您还可以在自己的域上自由地使用绝对路径url,但需要注意的是,如果您在自己的服务器上的子域或目录之间移动,绝对路径可能会中断。为了避免这个问题,任何本地资源的文件路径都应该使用相对路径。

相对路径的url

相对路径根据链接所在的页面而变化——它们相对于它们所在的页面(因此得名)。如果您链接到您自己网站上的一个页面或该网站上图像目录中的一个图像,那么您可能会使用一个相对路径。相对路径不使用页面的完整URL。

使用相对路径创建链接有几个规则:

  • 与当前页面相同目录的链接没有列出路径信息:
    文件名
  • 子目录列表中没有任何斜杠:
    每周/文件名
  • 链接一个目录列出如下:
    . . /文件名

如果您被链接到离线,您将使用一个绝对路径,其中包含您希望连接到的任何内容的完整路径。如果您被链接到正在编写代码的页面所在域上的一个文件,则使用相对路径,该路径从所处的页面开始导航,通过站点的文件结构,最后到达所需的资源。

这个页面有用吗?