html5相对路径写法,相对路径写法

相对路径几种查找方式

(1)同级

直接编写, 例如:girl.png

加上./ 编写, 例如./girl.png

./代表当前目录,./girl.png代表在当前目录下查找

(2)下级

直接编写, 例如abc/girl.png

加上./ 编写, 例如./abc/girl.png

相对当前目录有几个文件夹,就在后面依次补全几个文件夹名称即可, 例如abc/bbb/ccc/ddd/girl.png或./abc/bbb/ccc/ddd/girl.png

(3)上级

../代表访问上级目录

假设a文件夹下面有b文件夹, 图片存放在a文件夹中, html文件存放在b文件夹中, 那么路径为../girl.png

因为html文件在b文件夹中, 所以路径是相对于b文件夹的, 所以../代表访问b文件夹的上一级目录, b文件夹的上一级目录是a文件夹, 所以../girl.png就代表在a文件夹查找girl.png

注意:

1.路径中不要出现中文, 否则可能出现未知问题

2.如果是通过"相对路径"来指定图片, 不能跨盘符

2.1例如.html文件在C盘, 那么不能去查找D盘图片