相对路径与绝对路径解析

一，相对路径和绝对路径解析

实际工作中，通常会创建一个文件夹专门用于存放图像文件，这时在页面中插入图像，就需要采用路径 的方式来指定图像文件的位置。 要想正确地使用路径，就必须先搞清楚两个概念：相对路径与绝对路径。

概念理解：

• 绝对路径，就像一个门牌号，确定不变。
• 相对路径，会根据你当前的位置而变化。

绝对路径

绝对路径以 Web 站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件 时，所使用的路径都是一样的 D:\web\img\logo.gif ，或完整的网络地址 http://www.baidu.com/images/logo.gif 。

相对路径

当保存于不同目录的网页引用同 一个文件时，所使用的路径将不相同，故称之为相对路径。

图像文件和 HTML 文件位于同一文件夹：只需输入图像文件的名称即可，如：<img src="logo.gif"/>

图像文件位于 HTML 文件的下一级文件夹：输入文件夹名和文件名，之间用 / 隔开，如：<img src="img/logo.gif"/>

图像文件位于 HTML 文件的上一级文件夹：在文件名之前加入 ../,如果是上两级，则需要使用../../,以此类推，如：<img src="../logo.gif"/>

图像文件位于网站根目录：在文件名之前加入/，如：<img src="logo.png"/>

/开头：代表根目录；./开头：代表当前所在目录（可不写）；../开头：代表上一个目录。