对文件操作时会遇到需要读写外部文件的情况,这个时候就需要用到文件路径

绝对路径

以Web 站点根目录为参考基准的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。其实绝对路径与相对路径的不同处,只在于描述目录路径时,所采用的参考点不同。由于对网站上所有文件而言,根目录这个参考点对所有文件都是一样的,因此,运用以根目录为参考点的路径描述方式才会被称之为绝对路径

  • 绝对路径就是文件的完整 URL
<img src="https://blog.nagisb.space/images/xxx.png" alt="404">

相对路径

以Web 站点当前网页所在位置作为基准的目录路径。

<img src="..image/xxx.png" alt="404">

路径特殊符号

“.” 代表目前所在的目录,相对路径

<img src="./xxx.png" alt="引用当前目录png"> | <img src="xxx.png" alt="引用当前目录png">

“..” 代表上一层目录,相对路径
“/“ 代表根目录,绝对路径

<img src="/xxx.png" alt="引用Web站点根目录png">

“../“ 代表的是上一层目录的上一层目录,相对路径

<img src="../images/xxx.png" alt="引用上一层目录images文件夹下的xxx.png">