中相对路径与绝对路径的写法_相对路径和绝对路径？简洁易懂解释+实例

2024-05-24 00:20:37

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

绝对路径：目标文件在硬盘上的真实路径（最精确路径）

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

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

<!-- 用 / 或  都可以 -->
<img src="C:Users80975OneDriveDesktopcovercover1.jpg" alt="cover1">

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

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

下级（子目录）：在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.引用上级文件,为图片中例子 -->
<img src="../cover1.jpg" alt="cover1"><!-- 2.引用同级文件  -->
<img src="cover1.jpg" alt="cover1"><!-- 3.引用下级文件 -->
<img src="cover/cover1.jpg" alt="cover1"><!-- 4.引用上上级文件 -->
<img src="../../cover1.jpg" alt="cover1">

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

以下哪些是相对路径（多选）

.
../cover1.jpg
../cover/cover1.jpg
cover1.jpg

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

中相对路径与绝对路径的写法_相对路径和绝对路径？简洁易懂解释+实例相关推荐

python文件路径拼接多出斜杠_浅谈python中拼接路径os.path.join斜杠的问题
浅谈python中拼接路径os.path.join斜杠的问题调试程序的过程中,发现通过os.path.join拼接的路径出现了反斜杠 directory1='/opt/apps/upgradePac ...
发布房源（三）03——配置ImagePicker-图片上传请求图片路径-headers请求头的写法
发布房源--配置ImagePicker-图片上传 & 请求图片路径-headers请求头的写法配置ImagePicker-图片上传地址:https://mobile.ant.design/ ...
java io 文件路径格式_java中iofile的路径问题，确定一个未知方法所需要的文件路径...
今天遇到一个极其烦躁的问题,一个jar包中的一个方法,要求函数中要求传入一个String类型的参数,用于指示文件所在的路径.但是对于我们来说完全不知道他需要的路径是绝对路径还是相对路径,所以我尝试了很 ...
为什么a*算法采用哈密尔顿距离作为启发函数比不在位数为启发函数的性能要好?_【论文研读】路径规划中的Hybrid A*算法...
本文目的由于在carla-autoware的示例中使用了hybrid A* 算法,所以本文基于以下两篇文章对hybrid A* 算法过程进行整理:(文中挑选了一些个人认为便于理解算法的图片,均来自于 ...
在eclipse中关于Spring和Hibernate 的XML配置如何提示类的包路径的办法
转载自在eclipse中关于Spring和Hibernate 的XML配置如何提示类的包路径的办法我们在配Spring 或者Hibernate 配置文件的时候,发觉在配置类路径的时候,在双引号下 ...
Java 文件操作二（重命名、设置只读、是否存在、指定目录中创建文件、获取文件修改日期、创建文件、文件路径比较）
文件重命名 import java.io.File;public class Main {public static void main(String[] args) {File oldName = ...
python提取选中文件的文件名_如何从python文件路径中提取文件名？
项目概述: 用户通过浏览器选择一个文件来导入数据.然后,我解包二进制文件.然后,我将新解包的数据保存为.csv文件,以便以后在excel中查看数据.用户当前通过键入新文件名来创建文件名.然后我继续用m ...
ios html图片相对路径,iOS 下加载本地HTML/js/css/image 等路径问题
今天在项目中遇到一个问题:我将H5的文件拖入项目中,在webView上添加H5,运行时发现H5的样式与图片等都没屏幕快照 2016-07-06 11.33.22.png 有了.经过多种测试后发现:是 ...
添加mysql库路径_修改MySQL数据库存放路径
MySQL 数据库默认存放路径是 /var/lib/mysql,要把它放在别的路径下,方法如下(以下操作需root权限): 1. 新建一个要存放的数据库的目录,比如:/home/jeff/mysql, ...

最新文章

热门文章