这里用404.html访问跟它同层级的图片logo.png来解释相对路径和绝对路径
文件结构:
404.html
<html lang="en"><head><meta charset="UTF-8"></head><body><!-- 相对路径写法 --><!-- ./ 表示当前文件所在目录,即404.html所在目录,即G:/testworkspace/ --><!-- ./可省略 --><img src = "logo.png"/><img src = "./logo.png"/><!-- ../ 表示当前文件所在目录的上级目录,即G:/ --><img src = "../testworkspace/logo.png"/><!-- /表示根路径,即G:/ --><img src = "/testworkspace/logo.png"/><!-- 绝对路径写法 --><img src = "G:/testworkspace/logo.png"/></body></html>
项目中常用相对路径写法,因为当本地项目部署到服务器后,文件路径一般会发生改变,使用绝对路径会找不到对应的文件。