相对路径

214 阅读1分钟

相对路径是最基础的内容了,有时会傻傻分不清,今天就来弄清楚。

路径的特殊符号

  • . ./表示当前文件所在层级的上一层级;
  • . /表示当前文件所在层级;
  • /表示根目录;

相对路径使用示例

1.在同级目录里

image.png

在index.html里面引入tupian.png

./tupian.png  //表示在同级目录里

也可以省略单点和反斜杠,直接写目标文件的文件名即可

tupian.png

2.在上级目录里或上上级目录里

image.png

出一次门

../tupian.png //表示在上级目录里

出两次门,上上级

../../tupian.png

3.在下级目录里 先写同级目录文件夹名,再写目标文件的文件名 image.png

./abc/tupian.png  //同级目录文件里的

也可以省略的写法

abc/tupian.png

4.在根目录里 如果目标文件tupian.png在D盘符的根目录里,其绝对路径就是D:\tupian.png,用相对路径表示就是:

/tupian.png   //用一个反斜杠表示在根目录里