顾名思义,相对路径是相对于当前文件的路径。一般是较简短的,那么我们为什么不直接使用绝对路径,也就是文件存放的真实路径,例如:C:\Microsoft\test.txt。
为什么要用相对路径?
- 当我们把整个程序移动位置时,其中的链接还是会指向正确的URL
- 测试方法比较灵活,本机测试时比较方便
那么绝对路径也有相对的优势:
- 如果其中的部分网页改变位置,其中的链接还会指向正确的URL
- 如果有人抄袭你的网站,里面的URL地址还是你的路径
-
/
根目录
-
./
代表当前目录,连写:././无意义
-
../
代表父级目录,连写:向上追溯两级目录
-
只写文件名
效果等同于./
栗子一
![../举例](https://img-blog.csdnimg.cn/2019120817323054.png)
这中情况下应该使用以下引用方式,因为img是js文件夹下的js文件的父级,需要使用父级目录。
![../img//01.jpg](https://img-blog.csdnimg.cn/20191208173853368.png)
栗子二
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191208174039433.png)
这种情况下,文件与img文件夹是同级,所以html文件访问img下的图片使用./即可。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191208174145362.png)
-
浏览器地址栏网址使用斜杠/
-
windows文件浏览器使用反斜杠\
-
出现在html中的url是网络路径,必须用斜杠/