相对路径和绝对路径

绝对路径

绝对路径是从根目录向下一直找到要访问的文件

绝对路径 —— 从根目录开始，一直到目标文件，其中任意一个文件夹名称进行修改或者移动，都会导致整个路径无法访问或者访问文件不正确的问题。

本地: 从驱动器盘符开始

c:\project\front\html\1028\demo1.html

线上: 从主机根目录开始

http://html.io/1028/demo1.html

相对路径

相对路径的二个要素是: 当前位置, 目标位置

基本原则是: 从当前位置出发, 寻找目标位置

假设路径如下：

>root - index.html

>>node - index.html

>>>item - item1.html

>>>item -  item2.html

>>>>lastFolder -  lastFolder.html

">" 逐级向下，以此类推

root，代表根路径，node代表根路径下的一级目录，item是root下的二级目录，lastFolder是三级目录。

两个item1.html和item2.html 互相访问，那么链接地址应该是 "./item1.html" 和 "./item2.html"。

如果item文件夹下的文件想要访问 >>node - index.html 文件，链接地址应该是 "../index.html"，向父层级目录访问文件。

如果lastFolder 文件夹下的文件想要访问 >root - index.html 文件，链接地址应该是 "/index.html"，向根目录访问文件。

如果lastFolder文件夹下的文件想要访问 >>node - index.html，这个时候要使用两个"../"来访问，代表两次向父层级目录查找 "../../index.html"。

在相对路径中，是由下向上逐级的父层级查找，并不会区分父层级级目录的名称，因此相对路径更为灵活，不会因为移动文件夹或者文件夹名称修改而无法访问文件。