绝对路径和相对路径的区别

绝对路径网址

绝对路径使用引用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

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

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