使用相对路径的好处不必赘述，下面介绍四种相对路径表示方式。

假设拥有以下目录结构：

├─html
│  ├─index.html
│  ├─main.js
│  └─header
│      └─head.html
└─js
   └─canvas.js

根目录下有html和js两个文件夹
假设当前文件为index.html

1. 当前文件夹

   链接到当前文件夹中的其他文件
   src="main.js"
   或者
   src="./main.js"
   

2. 当前文件夹子文件夹

   src="header/head.html"
   或者
   src="./header/head.html"
   

3. 返回上级目录

   ../ 表示返回上级目录
   src="../js/canvas.js"
   

4. 项目根目录

   / 表示当前项目的根目录
   路径寻址是从项目根目录开始的
   src="/js/canvas.js"
   

URL相对路径总结