html相对路径与绝对路径区分

html链接地址的2种方式：相对路径与绝对路径。

相对路径：同一个目录的文件引用，从包含这个链接的页面开始，找到需要指向的文件。

包含整个项目文件的大文件夹是根目录。

1、同级别的目标文件，链接目标文件与当前页面在同一文件夹时，直接使用文件名。

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

2、子文件夹文件，链接目标文件是根目录子文件夹中的文件，找到包含目标文件的文件夹。

<a href="music/listings.html">elixir</a>

先进入beverages文件夹，用’/’分隔路径中的各个部分，elixir.html是目标文件名。

3、子文件夹的子文件夹文件，即根目录的孙子文件夹包含的文件。

<a href="movies/dvd/reviews.html">reviews</a>

先进入离根目录最近的文件夹movies，用’/’分隔路径后再进入dvd文件夹，再分隔路径，找到reviews.html文件。

4、父文件夹，通过子文件找到父文件夹的文件。

<a href="../index.html">home</a>

使用..来表示当前文件夹的上一级文件夹，读作‘dot dot’，用’/’分隔文件夹与文件名。

5、祖父文件夹，向上两级文件夹的文件，即父文件夹的父文件夹。

<a href="../../index.html">home</a>

一个‘..’表示向上一级，重复几次表示向上几级，不要忘记使用‘/’分隔每一部分。

---

绝对路径：不同目录地址文件的引用，指带域名的文件的路径。

<a href="https://blog.csdn.net/juno1212.html">scjuno</a>

注意：
1、选择为文件名和文件夹名称不要使用空格。
2、文字或图像都可以用作链接的标签。
3、如果链接的文件夹级数太多，可能说明网站的组织太过复杂了。
4、路径的分隔符’/’是固定通用的。