失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 网页中的相对路径和绝对路径

网页中的相对路径和绝对路径

时间:2022-06-21 18:32:50

相关推荐

网页中的相对路径和绝对路径

路径

在前端页面中,图片会非常的多,通常我们会新建一个文件夹来存放这些图像文件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始终指向同一位置,无论在何处使用

注意:在链接到同一网站被的其他位置时,应尽可能使用相对链接。链接到另一个网站时,需要使用绝对链接。

如果觉得《网页中的相对路径和绝对路径》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。