相对路径书写方式

相对路径的书写方式：

(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
为了统一书写方式，建议路径中都使用正斜杠“/”。