绝对路径和相对路径

绝对路径


绝对路径是以硬盘根目录或站点根目录为参考点而建立的路径。如:<img src="file:///C|/html/images/rose.jpg">

src中的路径就是以硬盘根目录c:/为参考点,网页就会引用这个目录的文件,当html路径移动到其他位置时,网页就无法找到这个图片文件,从而显示出错。在网页中推荐使用相对路径。

相对路径


相对路径是指以当前文件所在位置为参考点而建立的路径,如下图

绝对路径和相对路径

index.html在web目录下,rose.jpg在images目录下,web和images同在html目录下。

如代码为<img src="../images/dog.jpg">,这里就是一个相对路径,以当前文件(index.html)所在目录为参考点,../表示参考点的上一级目录,再进入到下一级目录images中找图片。

无论html文件移动到什么位置,.html总能找到图片文件,所以能显示正常