当前位置：网站首页 > 技术文章 > 正文

认识“路径”

myzbx 2024-12-09 15:30 43 浏览

在我们的日常实际工作中，经常会需要在网页中插入图像等外部文件，此时就需要采用“路径”的方式来指定文件的位置。

路径可以分为：绝对路径和相对路径。

绝对路径

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

绝对路径是包括服务器规范在内的完全路径。绝对路径不管源文件在什么位置都可以非常精确的找到，除非是目标文档的位置发生变化，否则连接不会失败。

优点：

同源端点无关。只要网站的地址不变，无论文档在站点中如何移动，都可以正常实现跳转而不会发生错误。另外如果希望链接同站点上的其他内容，就必须使用绝对路径。

缺点：

1. 不利于测试，要想测试连接是否有效，必须在Internet服务器端对链接进行测试。

2. 不利于站点的移植。

相对路径

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

为了避免绝对路径的缺陷，对于在同一站点之中的链接来说，使用相对路径是一个很好的办法。相对路径可以表述源端点同目标端点之间的相互位置，它同源端点的位置密切相关。

若链接中源端点和目标端点位于同一个目录下，则在链接路径中只需要指明目标端点的文档名即可。

图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<img src="logo.gif" />。
图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<img src="img/img01/logo.gif" />。
图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如<img src="../logo.gif" />。

注意：在插入图像时，如果使用图像的绝对路径，图像在远程服务器而不在本地硬盘上，则将无法在文档窗口中查看该图像。此时，必须在浏览器中预览该文档才能看到它。因此，对于图像应该尽量使用相对路径。

HTML 路径

相关推荐