详解HTML相对路径和绝对路径

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

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

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

以下为建立路径所使用的几个特殊符号，表达的意义如下

.代表目前所在的目录

..代码上一级目录

/代码根目录

相对路径和决定路径的区别：相对路径不带有盘符，通常是以html网页文件为起点，通过层级关系描述目标图像的位置，相对于文件自身出发，就是相对路径

主要有以下几种情况：

　　　   ①文件和图片（html文档）在同一个目录(文件夹) ，直接写文件名。

　　　　②图片（html文档）在文件在下一级目录里。文件夹名称+/+图片（html）名称

　　　　③图片（html）在文件的上一级目录里，..+/+图片（html）名称

　　　　④图片在文件的上一级的其他目录里，../文件夹名称/图片名称

　　　　⑤总结：找到下一级目录（文件夹）的图片（文件）用 /    跳出当前目录使用../

　　　　⑥注意:一个点代表当前路径，两个点代表上级路径。一个点可以连同它后面的/不用写。两个点必须写/

绝对文件路径是指向一个因特网文件的完整 URL：

例如：<img src="https://www.baidu.com/images/logo.jpg">

好习惯

使用相对路径是个好习惯，如果使用了相对路径，那么您的网页就不会与当前的基准 URL 进行绑定。所有链接在您的电脑上 (localhost) 或未来的公共域中均可正常工作。