<img src="D:\work\code\imgs\bg.jpg" &gt;

运用

常日我们利用绝对路径,更多运用是在定位网络资源上,

如: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

html选择保存路径HTML标签之路径标签 Angular

利用绝对路径的缺陷

在实际开拓中,我们很少会利用绝对路径,如果利用“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">