Skip to main content

绝对和相对文件路径

23 老马 前端 相对路径和绝对路径 (六月 2025)

23 老马 前端 相对路径和绝对路径 (六月 2025)
Anonim

网页设计的任何方面都不像超链接那样以网络为中心(通常简称为 链接 )。在页面上创建链接并允许读者轻松访问其他内容的能力是将网站与其他通信媒体(如打印或广播媒体)区分开来的定义特征之一。

这些链接很容易添加到页面,它们可以是您网站上的其他网页或Web上的其他网页。您还可以链接到其他资源,例如图像,视频或文档。尽管如此,像链接一样容易添加,它们也是许多新的网页设计者最初难以理解的项目之一,特别是在文件路径的概念以及绝对路径与相对路径的含义方面,以及当使用一个而不是另一个。

在上述每个链接实例中,您需要考虑如何从站点连接到各种页面或资源。具体来说,您需要确定要编写的URL路径类型。在Web设计中,有两种标准方法可以创建链接和两种可以使用的路径:

  • 绝对路径
  • 相对路径

绝对路径网址

绝对路径使用引用Internet上非常特定位置的URL。这些路径将包含域名作为链接路径本身的一部分。此网页的绝对路径示例如下:

https://www.Go-Travels.com/web-typography-101-3470009

当您想要指向除您自己以外的域上的Web元素时,通常会使用绝对路径。例如,如果我想在这里链接到不同网站上的页面,我需要包含该链接的完整URL,因为我要离开一个域(webdesign.Go-Travels.com)去另一个域。该链接只是添加页面内的元素,其URL用作该链接的“href”属性的值。

因此,如果您链​​接到您自己的“非现场”的任何内容,您将需要使用绝对路径,但您自己的域上的页面或资源呢?即使您链接到您自己站点上的页面,您也可以使用绝对路径,但这不是必需的,并且根据您的开发环境,绝对路径可能会导致问题。

例如,如果您有一个在创建网站期间使用的开发环境,并且您将所有URL绝对编码到该URL,则在网站上线时都需要更改它们。要避免此问题,任何本地资源的文件路径都应使用相对路径。

相对路径URL

相对路径根据链接所在的页面而变化 - 它们相对于它们是一个页面(因此是名称)。如果要链接到自己站点上的页面,或者链接到该站点上“images”目录内的图像,则可能会使用相对路径。与我们刚看到的绝对路径不同,相对路径不使用页面的完整URL。

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

  • 与当前页面在同一目录中的链接没有列出路径信息:

    文件名

  • 列出的子目录没有任何前面的斜杠:

    每周/文件名

  • 一个目录的链接列为:

    ../文件名

如何确定相对路径

  1. 首先定义您正在编辑的页面的URL。在上面列出的示例文章的情况下,那将是

    https://www.Go-Travels.com/web-typography-101-3470009

  2. /网页排版,101-3470009

您将在此处看到我们通过使用正斜杠(/)开始该路径来编写相对路径。该字符告诉浏览器转到当前目录的根目录。从那里,您可以添加特定资源所需的任何文件夹或文件名,向下钻取到文件夹和文档,最终找到您想要链接的确切资源。

总而言之 - 如果您在网站外链接,您将使用绝对路径,其中包含您希望连接到的任何内容的完整路径。如果您链接到您正在编码的页面所在的域上的文件,您可以使用相对路径,该路径基本上从您所在的页面导航,通过站点的文件结构,最后到您需要的资源。