绝对路径和相对路径

了解绝对URL和相对URL路径之间的差异

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

这些链接很容易添加到网页中,并且可以链接到其他网页,无论是在您的网站还是在网络上的其他位置。 您还可以链接到其他资源,如图像,视频或文档。 尽管如此,链接还是很容易添加的,它们也是许多新网页设计人员首先难以理解的内容之一,特别是文件路径的概念,绝对路径与相对路径的含义,以及当一个被用来代替另一个时。

在上述的每个链接实例中,您需要考虑如何连接到来自您网站的各种页面或资源。 具体来说,你需要决定你将写什么样的URL路径。 在网页设计中,有两种标准方式可以创建链接和两种可用的路径:

绝对路径网址

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

https://开头WWW。 /网页排版,101-3470009

当您想要指向不属于您自己的域的Web元素时,您通常会采用绝对路径。 例如,如果我想在此链接到其他网站上的页面,则需要将该链接的完整URL包括在内,因为我正在离开一个域(网页设计)以转到另一个域。 该链接将简单地将该网页中的元素添加为用作该链接的“href”属性值的URL。

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

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

相对路径URL

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

使用相对路径创建链接有以下几条规则:

如何确定相对路径:

  1. 首先定义您正在编辑的页面的URL。 在上面列出的示例文章的情况下,这将是https:// www。 /网页排版,101-3470009
  2. 然后查看页面的目录路径。 对于那篇文章,那是/ web-typography-101-3470009

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

因此,总而言之 - 如果您“离线”连接,则您将使用包含完整路径的绝对路径,以连接任何想要连接的路径。 如果您链接到您正在编码的网页所在域的文件,则可以使用相对路径,该路径基本上从您所在的页面,网站的文件结构以及您需要的资源进行导航。