路径
在前端页面中,图片会非常的多,通常我们会新建一个文件夹来存放这些图像文件images,这时候在查找图像时就需要通过路径来描述图像文件的位置。
路径可以分成,相对路径和绝对路径
相对路径
概述:相对路径是只有这个文件所在位置为参考基础,而建立初的目录关系,常用的相对路径包括当前目录,上一级目录,下一级目录
当前目录 语法:一个点(.)后面跟一个斜杠表示当前目录也就是当前文件所在目录。
<img src="pic.png" alt=""><img src="./pic.png" alt=""><!-- ./ 可以省略 -->
上一级目录 语法:两个点(.)后跟一个斜杠表示当前文件所在目录的上一级目录
<img src="../pic2.png" alt="">
下一级目录 语法:一个斜杠,表示图像文件位于HTML文件下一级
<img src="images/pic3.png" alt="">
绝对路径
绝对路径文件在目录中的绝对位置完整描述,常见的绝对路径是一种尤其在网络上的绝对位置定义的位置,一种是本地从盘符出发的绝对位置
网络绝对位置 语法:包括协议和域名:如/it/u=4103295900,1685467048&fm=26&fmt=auto&gp=0.jpg本地绝对位置 语法:D盘下webset文件夹下的image文件夹中的denglun.png描述为:
<img src="D:\webset\images\denglun.jpg" alt="">
特点:绝对URL始终指向同一位置,无论在何处使用
注意:在链接到同一网站被的其他位置时,应尽可能使用相对链接。链接到另一个网站时,需要使用绝对链接。
如果觉得《网页中的相对路径和绝对路径》对你有帮助,请点赞、收藏,并留下你的观点哦!