绝对路径
绝对路径是从根目录向下一直找到要访问的文件
绝对路径 —— 从根目录开始,一直到目标文件,其中任意一个文件夹名称进行修改或者移动,都会导致整个路径无法访问或者访问文件不正确的问题。
本地: 从驱动器盘符开始
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"。
在相对路径中,是由下向上逐级的父层级查找,并不会区分父层级级目录的名称,因此相对路径更为灵活,不会因为移动文件夹或者文件夹名称修改而无法访问文件。