<img src="D:\work\code\imgs\bg.jpg" >
运用常日我们利用绝对路径,更多运用是在定位网络资源上,
如:https://image.so.com/i?ie=utf-8&src=hao_360so&q=%E6%95%85%E5%AE%AB%E7%BB%9D%E7%BE%8E%E9%9B%AA%E6%99%AF
在实际开拓中,我们很少会利用绝对路径,如果利用“D:\work\code\imgs\bg.jpg”来指定背景图片的位置,在自己的打算机上 浏览可能会统统正常,但是上传到Web做事器上浏览就很有可能不会显示图片了。由于上传到Web做事器上时,可能全体网站并没有放在Web做事器的D盘, 有可能是E盘或H盘。纵然放在Web做事器的D盘里,Web做事器的E盘里也不一定会存在“D:\work\code\imgs\bg.jpg”这个目录,因此在浏览网页时是不会显示图片的
相对路径为了不同设备存放路径不一致的这种情形,常日在网页中指定文件时,都会选择利用相对路径。所谓相对路径,便是相对付当前文件的位置。关于相对路径,有以下三种情形:
同级查找当图像文件和HTML文件位于同一文件夹时,只需输入图像文件的名称即可,如:
<img src="1.png">
查找下一级当图像文件位于HTML文件的下一级文件夹,输入文件夹名和文件名,之间用“/”隔开,如:
<img src="img/2.png">
查找上一级当图像文件位于HTML文件的上一级文件夹,在文件名之前加入“…/” ,如果是上两级,则须要利用 “…/ …/”,以此类推,如:
<im background="../img/0.png">