绝对路径网址

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

https://www.simcf.cc/category/vocabulary

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

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

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

相对路径URL

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

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

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

filename

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

weekly/filename

一个目录的链接列为:

../filename

如何确定相对路径

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

https://www.simcf.cc/category/vocabulary

/category/vocabulary

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

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