本地相对路径和本地绝对路径和相对网络路径和绝对网络路径以及相对根路径

807 阅读4分钟

相对路径

相对当前文件的路径

在表示相对路径中,单点表示当前目录,双点表示上一级目录,反斜杠“/”表示分隔目录;

相对路径特殊符号有以下几种表示意义:

1.以“./”开头,代表目标文件或文件夹和当前文件在同一个目录里,“./”表示在同级目录里,也可以省略不写。"xxx/xx.jpg"等价于"./xxx/xx.jpg",都表示当前页面的文件所在的文件夹下的xxx文件夹的xx图片。

2.以"../"开头:向上走一级,代表目标文件在当前文件所在的上一级目录;

3.以"../../"开头:向上走两级,代表父级的父级目录,也就是上上级目录,再说明白点,就是上一级目录的上一级目录

4.以"/”开头,代表根目录,就是相对根路径

本地相对路径

写这个路径的文件的页面是在本地打开的,其协议属于file协议。

相对网络路径

当前页面请求资源的网址:"协议://ip:port/node/src/index.html?querystring#hash"

index.html页面内部的路径:"./xxx/xx.jpg"或者"xxx/xx.jpg"其网络路径就是:"协议://ip:port/node/src/xxx/xx.jpg?querystring#hash"

xxx文件夹和index.html同级,都在src文件夹下。

当用户输入这个网址"协议://ip:port/node/src/index.html?querystring#hash"打开了页面,这个页面中有一张图片img的src属性是"x/y.jpg"做了网络请求,然后这个页面所在的服务器ip:port会收到的req.url是"/node/src/x/y.jpg",这张图片的网址就是"协议://ip:port/node/src/x/y.jpg"。

可以不用写引入的资源文件的的后缀名,而用户输入这个网址时也就可以不加文件的后缀名。当用户输入这个网址"协议://ip:port/node/src/b"打开了页面,这个页面中有一张图片img的src属性是"x/y.jpg"做了网络请求,然后这个页面所在的服务器ip:port会收到的req.url是"/node/src/x/y.jpg",这张图片的网址就是"协议://ip:port/node/src/x/y.jpg"

相对网络路径指的是,URL不包含资源位置的全部信息,必须结合当前网页的位置,才能定位资源

绝对路径

绝对路径就是固定的一个路径

本地绝对路径

写这个路径的文件的页面是在本地打开的,属于file协议。从电脑磁盘的根盘符开始一层一层向下寻找这个文件的路径。

绝对网络路径

"协议://ip:port/path/src/index.html"

绝对网络路径指的是,只靠URL本身就能确定资源的位置。这意味着,URL必须带有资源的完整信息,包含协议、域名、路径等部分。

当用户输入网址:"协议://192.168.60:8089/path/b"打开了一个页面,这个页面中有一张img图片的src属性是"192.168.60:8089/src/a.jpg"做了网络请求,这个页面所在的服务器会收到的req.url是"/path/192.168.60:8089/src/a.jpg"。而这张图片的真正的网址是:"协议://192.168.60:8089/path/192.168.60:8089/src/a.jpg"

因为"192.168.60:8089/src/a.jpg"并没有包含协议是一个相对网络路径,并不是绝对网络路径。绝对网络路径包含了协议,域名,路径等的全部。

相对根路径

根路径: /就是指当前盘符的根目录。

本地相对根路径

如果是本地打开的页面,那么根目录表示是D盘或者C盘,本地打开的协议是file协议。

用户本地打开: "协议:///C:/xx/src/index.html"这个页面而 页面中有一个img的src属性是:"/src/a.jpg", 它真正的路径:"协议:///C:/src/a.jpg"。C盘就是根目录,C盘下有一个子文件夹src,src文件夹下有一张图片就是a.jpg。

网络相对根路径

如果是在网页中打开的页面,那么根目录表示网站的根目录

"/src/a.jpg"就是一个网络相对根路径

当用户输入网址:"协议://192.168.60:8089/path/b"打开了一个页面,这个页面中有一张img图片的src属性是"/src/a.jpg"做了网络请求,这个页面所在的服务器会收到的req.url是"/src/a.jpg"。这张图片的真正的网址是:"协议://192.168.60:8089/src/a.jpg"。"192.168.60:8089"就表示网站服务器的根目录,网站根目录的子文件夹src中有一张名字为a.jpg的图片。

总的来说,本地的路径和网络的路径本质是相同的,只是协议不同,在网络路径中域名就是网站服务器的根目录就相当于电脑本地磁盘中的C盘或者D盘。