php 正则图片相对路径替换成绝对路径_相对路径和绝对路径?简洁易懂解释+实例...

欢迎评论和指正,希望我的学习经验可以帮助到你。

绝对路径:目标文件在硬盘上的真实路径(最精确路径)

举个栗子:找到文件,右键点击后打开属性,可以看到我把喜欢的封面'cover1.jpg'储存在了路径_C:Users80975OneDriveDesktopcover_
那么_C:Users80975OneDriveDesktopcovercover1.jpg _就是绝对路径

29df7480ac806d6972b2d5fc2a399350.png


所以在html的图片引用中可以写

<!-- 用 / 或  都可以 -->

相对路径:相对于当前文件位置的路径

举个栗子:我不想用绝对路径,那么在html中要怎么写才能引用cover1.jpg呢?
这里要介绍一个等级概念,目录的上级(父级),同级,下级(子级)。从这里开始,我们管文件夹叫目录(directory)

29df7480ac806d6972b2d5fc2a399350.png


下级(子目录):在web目录下,可以看到有一个用chrome打开的文件,我把它叫做test.html,那么test.html就叫做web目录的下级。
上级:web是test.html的上级目录
同级:web和cover1.jpg在同目录中,成为同级那么我们来实战练习一下,test.html如何才能引用cover1.jpg呢?

实战演练引用格式

1.引用上级文件: ../cover1.jpg
2.引用同级文件: cover1.jpg
3.引用下级文件: cover/cover1.jpg
4.引用上上级文件: ../../cover1.jpg

<!-- 1.引用上级文件,为图片中例子 -->


相对路径:位置灵活,写法简单,只要在同盘中就可引用查找
绝对路径:用的较少,因为目录一定,除非引用文件从来不移动,否则你每次都要改。不适合上传web。
练习一下

以下哪些是相对路径(多选)

  1. .
  2. ../cover1.jpg
  3. ../cover/cover1.jpg
  4. cover1.jpg


|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
正确答案:以上全是
_

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值