绝对路径和相对路径

基本概念

绝对路径：

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

简而言之，从根目录开始，是一个完整的路径。

如：D:\demo\img\rpg.jpg

相对路径：

以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对。

简而言之，相对于项目目录的路径，在开发中引用js、css、或者图片等，都是使用相对路径。
如：..\img\rpg.jpg

注意：不同操作系统使用的斜杠不同，Linux系统是/，window系统是\

路径特殊符号

"." -- 代表目前所在的目录，相对路径。 如：<a href="./abc">文本</a> 或 <img src="./abc" />
".." -- 代表上一层目录，相对路径。 如：<a href="../abc">文本</a> 或 <img src="../abc" />
"../../" -- 代表的是上一层目录的上一层目录，相对路径。 如：<img src="../../abc" />
"/" -- 代表根目录,绝对路径。 如：<a href="/abc">文本</a> 或 <img src="/abc" />
"D:/abc/" -- 代表根目录,绝对路径。

总结

1.相对路径和绝对路径都可相互转换，转换时候注意正确路径即可，作用在于有效链接路径。

2.通常我们直接使用"/ "代表从根目录开始的目录路径，这个叫绝对路径。

3.填写目录时候以填写目录文件为参考，使用“../ ”或"./ "指向上一级 或 使用"../../ "指向上上一级叫相对路径。

绝对路径，从根目录为起点到某一个目录的路径；

相对路径，从一个目录为起点到另外一个的目录的路径。