博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
相对路径和绝对路径的问题
阅读量:5774 次
发布时间:2019-06-18

本文共 862 字,大约阅读时间需要 2 分钟。

  hot3.png

      我们在写网页的时候,文件的路径非常重要,因为如果错误的时候,我们就调用不到我们所需要的文件或是图片,今天AS老师讲到了这个问题,我正好也总结一下这个路径问题在html页面中的重要性,这个对于初学者来说是个很容易纠结的问题。

相对路径:指的是当前操作文件相对于所需要引用的的文件的路径;也就是相对于目标文件位置

例如:

  
 
Document 

       在这种情况下引用“001.jpg",要想正确显示,表明我们所建的这个html页面和该图片存储在同一个文件夹下;

当所建html页面和图片在同一文件夹下时,如html的路径为:E:/project/html/1.html,而图片的路径为:E:/project/images/001.jpg/时,也就是在相对于html页面来说,它在其所在目录的上级目录里的“images”子目录里,此时应该用

 其中"../"表示上级目录;当图片的路径为 E:/project/时,也用

 因为相对于html来说,图片001.jpg就在它所在目录的上级目录里;如果在多个上级中,则应该用../../;

 

绝对路径:指的是文件在电脑中存的真正的完整的路径,如,

E:/project/html/1.html/;但绝对路径在网页中并不常用,因为我们电脑上存储的图片或许能正常显示,但在Web服务器上时,可能整个网站并没有放在Web服务器的E盘, 有可能是D盘或H盘。即使放在Web服务器的E盘里,Web服务器的E盘里也不一定会存在“E:/project/html/1.html”这个目录,因此在浏 览网页时是不会显示图片的。

 

总结:相对路径来说,总的来说包括3种情况:

 

还有如果我们要引用浏览器中的图片,需要将图片的地址写清楚,而不需要纠结相对路径和绝对路径的问题,如:

这就将浏览器中随便的一张图片引用到网页中了;

转载于:https://my.oschina.net/hyzccc/blog/646029

你可能感兴趣的文章
手把手教你如何提高神经网络的性能
查看>>
前端布局原理涉及到的相关概念总结
查看>>
递归调用 VS 循环调用
查看>>
树莓派下实现ngrok自启动
查看>>
javascript静态类型检测工具—Flow
查看>>
MachineLearning-Sklearn——环境搭建
查看>>
《深入理解java虚拟机》学习笔记系列——垃圾收集器&内存分配策略
查看>>
通过XAML Islands使Windows桌面应用程序现代化
查看>>
Javascript 深入浅出原型
查看>>
简单之极,搭建属于自己的Data Mining环境(Spark版本)
查看>>
Ruby 2.5.0概览
查看>>
如何通过解决精益问题提高敏捷团队生产力
查看>>
Apache下.htaccess文件配置及功能介绍
查看>>
Magento XML cheatsheet
查看>>
Egg 2.19.0 发布,阿里开源的企业级 Node.js 框架
查看>>
Kubernetes 弹性伸缩全场景解析 (四)- 让核心组件充满弹性 ...
查看>>
Swoole 4.1.0 正式版发布,支持原生 Redis/PDO/MySQLi 协程化 ...
查看>>
haproxy mysql实例配置
查看>>
MySQL 8.0 压缩包版安装方法
查看>>
@Transient注解输出空间位置属性
查看>>