WEB前端之路径问题

最近写了一些前端,涉及到图片,视频等资源的路径问题,在这里总结分享一下。路径分两种绝对路径和相对路径。
绝对路径:
绝对路径指的是资源的实际位置,分隔符由“/”“\”两种,在我看来就是我们淘宝时写的家庭住址,一定要详细,才能找的到啊。例如:

    "E:\book\haha.jpg"
    "/xm/img/hehe.jpg"

第一个是在硬盘上的位置,第二个也是绝对路径,开头“/”的意思是根目录的意思,这个可以在项目的web.xml里设置,一般默认的根目录就是从项目名开始(就是/后面接你的项目名)。
相对路径:
相对路径就是相对你的页面,你的资源所在的位置,就是相对位置,只能用“/“来分隔,例如:

"img/hehe.jpg"
"../img/hehe.jpg"

第一种表示就是这个html页面和img文件夹在同一级,也就是他俩在一个父文件夹下,就直接写img即可。第二种表示这个html页面所在的父文件夹和img文件夹是同一个父文件夹,要上一级才能与img文件夹同级“../”是上一文件夹的意思。
PS:在链接图片等资源,建议使用相对路径,因为一旦你的跟目录发生改变,绝对路径就会找不到资源,而相对路径是相对自己的,只要二者相对位置不变就不会出问题,但是容易被人看清你的目录结构是个大问题。。。。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值