绝对路径和相对路径的区别--讲的清晰透彻<%=session.getAttribute(“login“) %>和${pageContext.request.contextPath}

本文解析了HTML中绝对路径与相对路径的区别及应用。介绍了绝对路径指文件实际存放路径,但不适用于跨设备浏览;相对路径则依据文件间的相对位置,更灵活且普遍适用。

绝对路径和相对路径的区别

在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。

绝对路径

绝对路径是指文件在硬盘上真正存在的路径。

例如“bg.jpg”这个图片是存放在硬盘的“D:\001\002\003\004”目录下,那么 “bg.jpg”这个图片的绝对路径就是“D:\001\002\003\004\bg.jpg"。如果要使用绝对路径指定网页的背景图片就应该使用以下语句:
< body backround=“D:\001\002\003\004\bg.jpg” >

使用绝对路径的缺点

事实上,在网页编程时,很少会使用绝对路径,如果使用 “D:\001\002\003\004\bg.jpg” 来指定背景图片的位置,在自己的计算机上 浏览可能会一切正常,但是上传到Web服务器上浏览就很有可能不会显示图片了。因为上传到Web服务器上时,可能整个网站并没有放在Web服务器的D盘, 有可能是E盘或F盘。即使放在Web服务器的D盘里,Web服务器的D盘里也不一定会存在D:\001\002\003\004”这个目录,因此在浏览网页时是不会显示图片的。

相对路径

为了避免这种情况发生,通常在网页里指定文件时,都会选择使用相对路径。所谓相对路径,就是相对于自己的当前目标文件的位置。

接上例,如果“main.jsp” 也在“D:\001\002\003\004”目录下,在“main.jsp”里引用了“bg.jpg”图片,由于“bg.jpg”图片相对于“main.jsp”来说,是在同一个目录的,则只要在“main.jsp”文件里使用以下代码: < body background=“bg.jpg”>
只要这两个文件的相对位置没有变(即还是在同一个目录内),那么无论上传到Web服务器的哪个位置,在浏览器里都能正确地显示图片。

如果“main.jsp”文件所在目录为“D:\001\002\003\004”,而“bg.jpg”图片所在目录为“D:\001\002\003\004\img”,那么“bg.jpg”图片相对于“main.jsp”文件来说,是在其所在目录的“img”子目录里,则引用图片的语句应该为:< body background=“img/bg.jpg”>

注:相对路径使用 “/” 字符作为目录的分隔字符,而绝对路径可以使用“\”或“/”字符作为目录的分隔字符。由于“img”目录是“004”目录下的子目录,因此在“img”前不用再加上“/”字符。

在相对路径里常使用 “. ./” 来表示上一级目录。如果有多个上一级目录,可以使用多个“. ./”。

如果“main.jsp”文件所在目录为“D:\001\002\003\004”,而“bg.jpg”图片所在目录为“D:\001\002\003”,那 么“bg.jpg”图片相对于“main.jsp”文件来说,是在其所在目录的上级目录里,则引用图片的语句应该为: < body background=“. ./bg.jpg”>

如果“main.jsp”文件所在目录为“D:\001\002\003\004”,而“bg.jpg”图片所在目录为“D:\001\002\003\img”,那么“bg.jpg”图片相对于“main.jsp” 文件来说,是在其所在目录的上级目录里的“img”子目录里,则引用图片的语句 应该为:
< body background=" . ./img/bg.jpg">
————————————————
版权声明:本文为优快云博主「蔡瘦瘦子」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.youkuaiyun.com/weixin_45638486/article/details/108124283

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值