本文是参考以下资料的,这篇文章是我的笔记.
原文链接:相对路径和绝对路径用法详解

1. 绝对路径

1.1 完整的磁盘路径

什么是绝对路径,顾名思义,完整的磁盘路径就是绝对路径.
例如:

E:\Japanese\Grammer\setuzoku\te.pdf

1.2 完整的url路径

例如:

https://www.jianshu.com/

如果使用绝对路径,那我们稍微变一下文件的位置可能两个文件就无法联系了,但是如果使用相对路径,只要层级关系可以对上,两个文件还是可以互相通信的.所以我们需要了解相对路径.

2. 相对路径

相对路径,顾名思义就是一个文件相对于另外一个文件的位置.

相对路径.png

让我们用一个比喻来说明相对路径的问题.但在说明之前,我i门需要知道几个符号的意思.

1) ./ 代表当前目录,html中可以省略
2) ../ 代表上级目录
3) ../../代表上上级目录
4) ../../../ 以此类推
5) / 代表根目录

好,现在让我们开始找人了.

1.1 小E → 小D

假设小E要去找小D(小E → 小D).那我们就要从小E出发去找小D.
小D和小E都在一个房间内.所以用a标签来举例的话,就应该是这样

<a href="小D">

或者

<a href="./小D">

1.2 小D → 小E

相同的道理,如下即可

<a href="./小E">

1.3 小D → MIKE

小D要走出房间203(即../),找到MIKE

<a href="../MIKE">

1.4 小D → 小C

小D要走出房间203,再进入房间201才行,即:

<a href="../A幢-201/小C">

1.5 小C → 小B

小C要走出201房间,走出二楼到A幢大厅,进入一楼,,找到小B,即:

<a href="../../A幢一楼/小B">

1.6 小H → 小E

大致应该是明白了.那就来最复杂的一个吧

<a href="../../../A幢/A幢二楼/A幢-203/小E">