当“<img>”标记引用一幅图片文件到网页时，如果我们改变了该图片的位置，那么网页很可能就无法显示了。因为HTML不能记录所设置的文件链接的路径。
路径一般分为相对路径和绝对路径，他们之间的区别在于描述路径采用的参考点不同。
相对路径：指以被引用的文件所在的位置为参考点而建立起来的路径。所以当不同位置的网页引用同一张图片时，其所使用的（相对）路径是不一样的。
绝对路径：指以服务器的硬盘架构以及所在的根目录为参考点而建立起来的路径。所以当不同位置的网页引用同一个张图片时，其所使用的（绝对）路径是一样的。
经常可以看到“.”“..”，它们是相对路径中当前目录和上一级目录的意思，“.”可以省略。
那么，究竟什么时候用相对路径，什么时候用绝对路径呢？下面通过一个例子来比较它们各自的优缺点，图2-24表示了一个文件存放结构，其中Xt1.htm，Xt2.htm，Xt3.htm，wzgg.jpg为文件名，其他的为文件夹名。
(www.xing528.com)
图2-24 文件存放结构图
可以用表2-7来说明它们之间的关系。
表2-7 文件存放关系
“../”代表返回上一层目录，“../../”代表返回上一层目录的上一层目录，依此类推。从上面表中可以看出，如果引用的文件存在于当前目录的子目录中（如3中Xt3.htm要引用Xt2.htm），或者存在于上一层目录的另一个目录中(如1中Xt1.htm要引用wzgg.jpg)，那么使用相对路径比较方便。如果不是这样，则使用绝对路径比较方便。但是如果上传文件到服务器时，若使用绝对路径，那么由于服务器上的目录结构同本地机器未必相同，所以网页不一定能找到。这时使用相对路径就比较方便，只要引用和被引用的文件相对的位置关系没发生变化，就能传送正确。
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
