Eswlnk Blog Eswlnk Blog
  • 资源
    • 精彩视频
    • 破解专区
      • WHMCS
      • WordPress主题
      • WordPress插件
    • 其他分享
    • 极惠VPS
    • PDF资源
  • 关于我
    • 论文阅读
    • 关于本站
    • 通知
    • 左邻右舍
    • 玩物志趣
    • 日志
    • 专题
  • 热议话题
    • 游戏资讯
  • 红黑
    • 渗透分析
    • 攻防对抗
    • 代码发布
  • 自主研发
    • 知识库
    • 插件
      • ToolBox
      • HotSpot AI 热点创作
    • 区块
    • 快乐屋
    • 卡密
  • 乱步
    • 文章榜单
    • 热门标签
  • 问答中心反馈
  • 注册
  • 登录
首页 › 玩物志趣 › 区分相对路径和绝对路径 | 探索文件引用的不同方式

区分相对路径和绝对路径 | 探索文件引用的不同方式

Eswlnk的头像
Eswlnk
2023-09-29 16:12:54
区分相对路径和绝对路径 | 探索文件引用的不同方式-Eswlnk Blog
智能摘要 AI
相对路径基于当前文件所在目录,引用文件无需固定位置,如`./图片01.png`表示当前目录;`../`用于指向上一级目录。绝对路径则从磁盘根目录或域名起始,例如`E:/项目/demo/HTML/图片01.png`,适用于跨目录引用。相对路径灵活但依赖具体目录,绝对路径固定但通用。文中通过层级目录展示了相对路径如何通过`../`跳转至上层目录,实例帮助理解路径引用方式。

相对路径

相对路径是指以当前的文件作为起点,相较于当前目录的位置而被指向并且加以引用的文件资源。在HTML语言中常常以./图片01.png的形式出现。相对路径是以当前文件所处的目录作为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同。

区分相对路径和绝对路径 | 探索文件引用的不同方式-Eswlnk Blog
来源 相对路径与绝对路径看这1篇就够了

绝对路径

绝对路径是指在当前文件的电脑硬盘上真正存在的路径,也就是可以在文件目录里进行直接复制的路径。在HTML语言中常常以E:/项目/demo/HTML/图片01.png的形式出现。绝对路径是从电脑盘符或者域名开始的一个完整的路径,可以描述一个文件其各层目录的完整结构。当所有网页引用同一文件时,所引用的路径都是一样的,因此称为绝对路径。

在相对路径中,“../”代表上一层目录。如果有一个目录结构如下:

- 根目录
  - 文件夹1
    - 文件夹A
      - 当前文件
      - 图片01.png
  - 文件夹2
    - 文件夹B
      - 文件夹C
        - 文件夹D
          - 引用图片01.png的文件
区分相对路径和绝对路径 | 探索文件引用的不同方式-Eswlnk Blog
来源 jsp路径问题(相对路径绝对路径)

在引用图片01.png的文件中,相对路径可以使用以下方式来描述文件的位置:

  • ../图片01.png:代表当前文件所处目录的上一层目录,即文件夹A。
  • ../../文件夹2/文件夹B/文件夹C/文件夹D/图片01.png:代表当前文件所处目录的上两层目录,即根目录的文件夹2下的文件夹B的文件夹C的文件夹D。
  • ./文件夹A/图片01.png:代表当前文件所处目录,即文件夹A。

练习一下

以下是相对路径的选项:

  • ../cover1.jpg:代表当前文件所处目录的上一层目录下的cover1.jpg文件。
  • ../cover/cover1.jpg:代表当前文件所处目录的上一层目录下的cover文件夹中的cover1.jpg文件。
  • cover1.jpg:代表当前文件所处目录中的cover1.jpg文件。

请在评论区中指出是否正确。?

本站默认网盘访问密码:1166
本站默认网盘访问密码:1166
声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
文件相对绝对路径
0
0
Eswlnk的头像
Eswlnk
一个有点倒霉的研究牲站长
赞赏
「实用工具」百度网盘不限速(亲测有用)
上一篇
「微软资讯」Windows数字激活:坏消息与好消息
下一篇

评论 (0)

请登录以参与评论
现在登录
    发表评论

猜你喜欢

  • 「玩物志趣」三元锂电池和磷酸铁锂电池优缺点全解析,哪款更适合你?
  • 「玩物志趣」平板突然卡住无法关机?教你轻松解决常见故障!
  • 「JAVA教程」Spring Boot 中使用 JSON Schema 来校验复杂JSON数据
  • 「玩物志趣」微信支付退款和退款结果查询接口简单实现(.Net 7.0)
  • 「技术教程」使用Playwright进行API接口测试
Eswlnk的头像

Eswlnk

一个有点倒霉的研究牲站长
1108
文章
319
评论
679
获赞

随便看看

如何在 WordPress 中更改块的高度和宽度?
2023-04-25 10:27:40
新手应该如何制作PPT?新手制作ppt详细步骤大全
2023-03-23 12:15:48
如何把edge换回ie浏览器?
2023-09-01 13:03:02

文章目录

专题展示

WordPress53

工程实践37

热门标签

360 AI API CDN java linux Nginx PDF PHP python SEO Windows WordPress 云服务器 云服务器知识 代码 免费 安全 安卓 工具 开发日志 微信 微软 手机 插件 攻防 攻防对抗 教程 日志 渗透分析 源码 漏洞 电脑 破解 系统 编程 网站优化 网络 网络安全 脚本 苹果 谷歌 软件 运维 逆向
  • 首页
  • 知识库
  • 地图
Copyright © 2023-2025 Eswlnk Blog. Designed by XiaoWu.
本站CDN由 壹盾安全 提供高防CDN安全防护服务
蜀ICP备20002650号-10
页面生成用时 0.976 秒   |  SQL查询 40 次
本站勉强运行:
友情链接: Eswlnk Blog 网站渗透 倦意博客 特资啦!个人资源分享站 祭夜博客 iBAAO壹宝头条
  • WordPress142
  • 网络安全64
  • 漏洞52
  • 软件52
  • 安全48
现在登录
  • 资源
    • 精彩视频
    • 破解专区
      • WHMCS
      • WordPress主题
      • WordPress插件
    • 其他分享
    • 极惠VPS
    • PDF资源
  • 关于我
    • 论文阅读
    • 关于本站
    • 通知
    • 左邻右舍
    • 玩物志趣
    • 日志
    • 专题
  • 热议话题
    • 游戏资讯
  • 红黑
    • 渗透分析
    • 攻防对抗
    • 代码发布
  • 自主研发
    • 知识库
    • 插件
      • ToolBox
      • HotSpot AI 热点创作
    • 区块
    • 快乐屋
    • 卡密
  • 乱步
    • 文章榜单
    • 热门标签
  • 问答中心反馈