web中的URL路径——绝对路径和相对路径

最新推荐文章于 2025-06-23 15:49:44 发布

原创最新推荐文章于 2025-06-23 15:49:44 发布 · 9.3k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#URL #绝对路径相对路径

JS 专栏收录该内容

7 篇文章

订阅专栏

本文解释了绝对路径和相对路径的概念及其在Web项目中的应用。通过实例演示如何使用这两种路径来引用文件，如图片和HTML文件，并强调了相对路径在实际开发中的优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自身理解

绝对路径是指文件在硬盘上的真实路径，而相对路径指的是相对于另一个文件来书，本文件的路径。（个人理解是，既然能用相对路径表示那也就说明了这两个问价同属于一个文件集下，如果一个在你的电脑，一个在我的电脑那也就无从可来所谓的相对路径，甚至说是在同一个电脑中一个在E盘一个在C盘）。但是在做web项目时应该采用相对路径，绝对路径容易造成文件的寻找失败。打个比喻就是，绝对路径就好比在地球上时以地球来定位宇航员与飞船中某个物品的位置，但是当他们脱离了太阳系，两者之间的位置再通过地球来定位就不对了。如果他们以飞船为参考系那就可以清楚的定位宇航员与飞船中某个物品的位置时就容易的多了。

下面的实例帮大家理解（引用自网络）：

绝对路径是指文件在硬盘上真正存在的路径。比如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”文件夹下。那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。

比如上面的样例，“s1.htm” 文件中引用了“bg.jpg”图片。因为“bg.jpg”图片相对于“s1.htm”来说。是在同一个文件夹的，那么要在“s1.htm”文件中使用下面代码后。仅仅要这两个文件的相对位置没有变(也就是说还是在同一个文件夹内)。那么不管上传到Webserver的哪个位置，在浏览器里都能正确地显示图片。

再举一个样例。如果“s1.htm”文件所在文件夹为“E:\book\网页布局\代码\第2章”，而“bg.jpg”图片所在文件夹为“E:\book\网页布局\代码\第2章\img”，那么“bg.jpg”图片相对于“s1.htm”文件来说。是在其所在文件夹的“img”子文件夹里，则引用图片的语句应该为：

注意：相对路径使用“/”字符作为文件夹的分隔字符，而绝对路径能够使用“\”或“/”字符作为文件夹的分隔字符。因为“img”文件夹是“第2章”文件夹下的子文件夹，因此在“img”前不用再加上“/”字符。

在相对路径里常使用“../”来表示上一级文件夹。如果有多个上一级文件夹。能够使用多个“../”，比如“http://www.cnblogs.com/”代表上上级文件夹。

如果 “s1.htm”文件所在文件夹为“E:\book\网页布局\代码\第2章”，而“bg.jpg”图片所在文件夹为“E:\book\网页布局\代码”。那么“bg.jpg”图片相对于“s1.htm”文件来说，是在其所在文件夹的上级文件夹里。则引用图片的语句应该为：

再举一个样例，如果“s1.htm”文件所在文件夹为“E:\book\网页布局\代码\第2章”，而“bg.jpg”图片所在文件夹为“E:\book\网页布局\代码\img”。那么“bg.jpg”图片相对于“s1.htm”文件来说，是在其所在文件夹的上级文件夹里的“img”子文件夹里，则引用图片的语句应该为：