相对路径的三种写法 绝对路径与相对路径有什么区别?
来源:嘿猪猪手游网 作者:佚名 时间:2023-08-11 11:26:41
绝对路径与相对路径有什么区别?在Html的应用中经常会涉及到绝对路径与相对路径的概念(如超级链接、图片等),这两种路径所表达的意义在于绝对路径可以精确引用,而相对路径则是模糊应用概念,只是在目标目录下找到引用,所以大多数Html工作者都会选择使用相对路径。
一、绝对路径
绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下,那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg“。那么如果要使用绝对路径指定网页的背景图片就应该使用 以下语句:
<body backround="E:\book\网页布局\代码\第2章\bg.jpg">
使用绝对路径的缺点:
事实上,在网页编程时,很少会使用绝对路径,如果使用“E:\book\网页布\代码\第2章\bg.jpg”来指定背景图片的位置,在自己的计算机上 浏览可能会一切正常,但是上传到Web服务器上浏览就很有可能不会显示图片了。因为上传到Web服务器上时,可能整个网站并没有放在Web服务器的E盘, 有可能是D盘或H盘。即使放在Web服务器的E盘里,Web服务器的E盘里也不一定会存在“E:\book\网页布局\代码\第2章”这个目录,因此在浏 览网页时是不会显示图片的。
二、相对路径
依上所言,为了避免这种隋况发生,通常在网页里指定文件时,都会选择使用相对路径。所谓相对路径,就是相对于自己的目标文件位置。
相对路径的三种写法介绍:
1、例如:“s1.htm” 文件里引用了“bg.jpg”图片,由于“bg.jpg”图片相对于“s1.htm”来说,是在同一个目录的,那么要在“s1.htm”文件里使用以下代 码后,只要这两个文件的相对位置没有变(也就是说还是在同一个目录内),那么无论上传到Web服务器的哪个位置,在浏览器里都能正确地显示图片。
<body background="bg.jpg">
2、例如:假设“s1.htm”文件所在目录为“E:\book\网页布局\代码\第2章”,而“bg.jpg”图片所在目录为“E:\book\网页 布局\代码\第2章\img”,那么“bg.jpg”图片相对于“s1.htm”文件来说,是在其所在目录的“img”子目录里,则引用图片的语句应该为:
<body background="img/bg.jpg">
注意:相对路径使用“/”字符作为目录的分隔字符,而绝对路径可以使用“\”或“/”字符作为目录的分隔字符。由于“img”目录是“第2章”目录下的子目录,因此在“img”前不用再加上“/”字符。
在相对路径里常使用“../”来表示上一级目录。如果有多个上一级目录,可以使用多个“../”,“https://www.xitongzhijia.net/”代表上上级目录。假设 “s1.htm”文件所在目录为“E:\book\网页布局\代码\第2章”,而“bg.jpg”图片所在目录为“E:\book\网页布局\代码”,那 么“bg.jpg”图片相对于“s1.htm”文件来说,是在其所在目录的上级目录里,则引用图片的语句应该为:
<body background="../bg.jpg">
3、例如:再举一个例子,假设“s1.htm”文件所在目录为“E:\book\网页布局\代码\第2章”,而“bg.jpg”图片所在目录为“E:\book\网 页布局\代码\img”,那么“bg.jpg”图片相对于“s1.htm”文件来说,是在其所在目录的上级目录里的“img”子目录里,则引用图片的语句 应该为:
<body background="../img/bg.jpg">
三、相对虚拟目录
有关相对路径还有一个比较特殊的表示:“相对虚拟目录”。请看下面的例子:
<body background="/img/bg.jpg">
在这个例子里,background属性的值为“/img/bg.jpg”,注意在“img”前有一个“/”字符。这个“/”代表的是虚拟目录的根目录。 假设把“E:\book\网页布局\代码”设为虚拟目录,那么“/img/bg.jpg”的真实路径为“E:\book\网页布局\代码\img \bg.jpg”;如果把“E:\book\网页布局\代码\第2章”设为虚拟目录,那么“/img/bg.jpg”的真实路径为“E:\book\网页 布局\代码\第2章\img\bg.jpg”。
以上内容便是绝对路径与相对路径的区别介绍,鉴于后者在Html中的应用更加灵活,建议用户养成使用相对路径的习惯。
以上就是绝对路径与相对路径有什么区别?相对路径的三种写法的全部内容了,文章来源于网络,版权归原作者所有,如有侵犯您的权利或文章有问题,请联系我们。更多相关相对路径的内容,请关注收藏嘿猪猪网。
相关阅读
- 谷歌浏览器打开是2345网址导航怎么办?
- Epic收不到验证码怎么办 Epic账号注册收不到验证码解决办法
- Win10提示“若要升级windows server或企业版请联系管理员”怎么办?
- irql_not_less_or_equal解决方法(电脑蓝屏提示错误代码driver)
- mx450显卡驱动更新的两种方法 mx450怎么更新驱动?
- 爱思助手查看设备信息教程 爱思助手怎么查看设备信息?
- 彻底关闭360弹窗广告方法(亲测有效) 360广告弹窗怎么关闭?
- tessafe.sys文件错误解决方法 tessafe.sys能不能删除?
- Win7提示不是正版怎么解决? Win7系统不是正版有什么影响?
- MathType下载后打不开的解决方法 MathType安装了怎么用不了?
更多资讯
-
Win7安装Office2010提示需要MSXML 6.10.1129.0组件怎么办?
-
Print spooler启动后自动停止解决方法 Print spooler自动停止怎么办?
-
钉钉网页版登录首页分享(钉钉网页版登录入口)
-
电脑无法访问网页的解决方法 网页无法访问如何解决?
-
联想电脑无线投屏到电视机的三种方法 联想笔记本如何投屏到电视上?
-
MP4格式是什么格式 MP4格式是什么?
-
QQ游戏黑名单的解除方法 QQ游戏黑名单怎么解封?
-
Win8连接无线网络的方法 Windows8系统怎么连接wifi?
-
阿里旺旺申请账号方法 阿里旺旺怎么注册账号?
-
Excel宏的使用教程 Excel宏是什么?
-
电脑版迅雷升级版本的方法 迅雷如何升级最新版本?
-
迅雷前缀是多少? 迅雷下载前缀格式是什么?
热门文章
热门手游
换一换- 精品游戏
- 最热榜单
- 实况足球九游渠道服v7.7.0 安卓版(实况足球9下载)_实况足球九游版官方下载 v7.7.0 安卓版
- 绝地求生刺激战场亚服手游(PUBG MOBILE)v2.8.0 安卓版(刺激战场亚服下载)_绝地求生刺激战场亚服中文版下载 v2.8.0 安卓版
- 原始传奇甄子丹服客户端v1.8.521 安卓版(甄子丹代言的游戏)_原始传奇甄子丹代言版下载 v1.8.521 安卓版
- 蜀门手游正版下载v2.43 安卓版(下载蜀门手游)_蜀门手游正版客户端官方下载 v2.43 安卓版
- 大话西游手游360版v1.1.418 安卓版(大话西游客户端)_大话西游手游360版本客户端下载 v1.1.418 安卓版
- 原神国际服4.0版本v4.0.0 安卓版(安卓4.0游戏下载)_原神国际服4.0版本下载安装官方最新版2023 v4.0.0 安卓版
- 全民追击v1.0.0 地铁版(魔神坛斗士游戏)_全民追击下载 v1.0.0 地铁版
- 造梦西游外传2腾讯版v1.0.0 最新版(西游外传2)_造梦西游外传2腾讯qq微信版下载 v1.0.0 最新版
- 三国志战略版3D灵犀版v2045.1053 安卓版(三国可以插的3D游戏)_三国志战略版3D灵犀官方下载 v2045.1053 安卓版
- 植物大战僵尸疯狂版v4.2 最新版(植物大战僵尸疯狂版)_植物大战僵尸疯狂版下载安装 v4.2 最新版
- 明星三缺一v2.0(明星三缺一)_明星三缺一国际板2015 v2.0
- 球球大作战官方正版游戏v18.0.0 安卓版(球球)_球球大作战下载最新版 v18.0.0 安卓版
- 台球帝国qq登录版v5.89031 安卓版(QQ台球)_台球帝国qq登陆版本下载 v5.89031 安卓版
- 末日血战手游v1.11.101.2 安卓版(末日血战)_末日血战官方版下载 v1.11.101.2 安卓版
- 斗罗大陆史莱克学院v0.2.1640 最新版(斗罗大陆史莱克学院手游下载)_斗罗大陆史莱克学院手游下载安装 v0.2.1640 最新版
- 逃生手机版(OutlastMobile)v1.0 最新版(逃生下载)_逃生手机版下载中文版免费 v1.0 最新版
- 摇曳露营中文版(相約露營)v1.10.482 安卓版(摇曳露营)_摇曳露营中文版下载最新版2023 v1.10.482 安卓版
- 勇者使命全面反击国际服v1.8.0 最新版(勇者使命)_勇者使命全面反击游戏中文版本下载 v1.8.0 最新版
- 身高模拟器手机版(HikakuSitatter)vv1.4.5 最新版(HIKAKU_SITATTER身高软件)_身高模拟器手机版下载 vv1.4.5 最新版
- 巅峰坦克腾讯版v4.1.1 安卓版(qq4.1.1)_巅峰坦克手游腾讯qq微信登陆版下载 v4.1.1 安卓版
- 开心餐厅极速版v1.0.4 正版(开心餐厅)_开心餐厅极速版下载安装 v1.0.4 正版
- Minecraft我的世界基岩版正版免费下载v1.20.0.24 安卓国际版(我的世界手机版下载)_我的世界基岩版下载手机版最新版 v1.20.0.24 安卓国际版
- 锈湖根源中文版(锈湖追溯)v3.1.4 官方正版(锈湖根源)_锈湖根源中文版免费下载安装最新版 v3.1.4 官方正版
- 弯道赛车漂移v1.0.5 安卓版(弯道赛车)_弯道赛车漂移最新版下载 v1.0.5 安卓版
- 猎手之王网易版v1.1.6 官方正版(猎之王app)_猎手之王网易版手游下载 v1.1.6 官方正版
- 十二之天贰v0.1 经典版(十二之天贰)_十二之天贰手游下载 v0.1 经典版
- 金庸群侠传3手机无敌版v1.0.2 破解版(金庸群侠传3无敌版)_金庸群侠传3安卓无敌版本下载 v1.0.2 破解版
- 造梦西游4试玩版v2.1.7 安卓版(造梦西游4试玩版)_造梦西游4手游试玩版下载 v2.1.7 安卓版
- findoutv1.2.5 安卓版(find out)_findout游戏中文版下载 v1.2.5 安卓版
- 沙雕模拟器非礼勿视模组(Dude Theft Wars)v0.9.0.7f 安卓版(非礼勿视下载)_沙雕模拟器非礼勿视模组下载 v0.9.0.7f 安卓版
- 本类周排行
- 本类总排行