相对路径的书写方式:
(1) 与“当前文件”同级,可以使用“./”,其中“./”可以省略。
(2) 与“当前文件”不同级,书写方式如下:
a) 当目标文件在“当前文件”上一级时,可以使用“. ./”,每一个“. ./”代表往上找一级。
b) 当目标文件在“当前文件”所在级别的下面时,可以从当前级别往下查找。eg:相当于绝对路径的写法<img src="source/img/1.png">或者<img src="./source/img/1.png">
注意:
1、项目中,尽量不要使用盘符形式的绝对路径。
假如小明将路径写成了C:\Users\admin\Desktop\ project \ source \img\1.png”,在小明的电脑上项目中的图片能正常显示。但是小慕将项目复制到自己电脑上后,由于小慕电脑的盘符名字与小明的不同,那么会导致文件找不到图片而报错。
2、尽量少用“/”开头的路径。
当项目运行在服务器环境下时,“/”这个地址才能正常使用。如果项目是直接通过双击html文件打开的,此时会造成文件找不到图片而报错。
3、路径中的正斜杠“/”与反斜杠“”
window系统中,盘符使用的是反斜杠:C:\Users\Desktop\project
mac系统中,盘符使用的是正斜杠:/users/Doc
为了统一书写方式,建议路径中都使用正斜杠“/”。