绝对路径与相对路径

绝对路径：

（1）概念：是以Web站点根目录为参考基础的目录路径。之所以称之为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。

（2）分为两种情况：物理绝对路径、网络绝对路径

物理绝对路径：指电脑磁盘的真实位置（一般带有真实盘符）如：“D:\html\day01\1.jpg”

网络绝对路径：指网络中的完整的地址，例：“http://www.baidu.com/images/logo1.gif”

相对路径：

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

（2）相对路径分为三种情况：同一级路径、下一级路径、上一级路径

①同一级路径：目标文件与当前文件是在同一个文件夹下，直接写文件名即可。

                       <img src="baidu.gif" />

②下一级路径：图像文件位于HTML文件同级文件夹下，例如文件夹名字是：images

                       <img src="images/baidu.gif" />

③上一级路径：在文件名之前加入“../”,如果是上两级，则需要使用“../../”,以此类推，如：

                        <img src="../baidu.gif" />

通过 '../' 返回到html文件所在的上一级文件（也就是返回和图片文件所在的同级目录）

转载自：解析绝对路径和相对路径 - 知乎 (zhihu.com)