所谓相对路径，就是相对于自己的目标文件位置。那么在html中如何写相对路径呢？

相对路径的几种写法：

1、如果是在同一目录下，有两个文件A.html和B.html：

在A页面可以直接引用B页面：

<a href = "B.html">B.html</a>

2、如果A页面和C目录在同一目录下，B页面又在C页面的目录下。

则A引用B：

<a href = "C/B.html">B.html</a>

B引用A：

<a href = "../A.html">B.html</a>

3、A页面和B页面分别在C和D目录下，C和D目录在相同的路径下，则A引用B：

<a href = "../D/B.html">B.html</a>

说明：

●　./代表跳转到当前目录中

●　../代表跳转到父级目录中

●　/代表跳转到根目录中

链接: https://www.fly63.com/article/detial/7834