路径

约 286 字小于 1 分钟

2024-10-10

路径指的是查找文件时, 从起点到终点经历的路线.

路径分类:

相对路径: 从当前文件位置出发查找目标文件.
绝对路径: 从盘符出发查找目标文件.
- Windows电脑从盘符出发.
- Mac电脑从根目录出发.

大多数情况都是使用相对路径来查找文件.

相对路径的写法

/: 表示进入某个文件夹里面.

.: 表示当前文件所在的文件夹.

..: 表示当前文件的上一级文件夹.

例子

path

images

2.png

index2.html

1.png

index.html

images/index2.html
<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<title>test</title>
</head>

<body>
<!-- 读取1.png -->
<img src="../1.png" alt="1">

<!-- 读取2.png, 两种都可以 -->
<img src="2.png" alt="2">
<img src="./2.png" alt="2">
</body>

</html>
index.html
<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<title>test</title>
</head>

<body>
<!-- 读取1.png, 两种都可以 -->
<img src="1.png" alt="1">
<img src="./1.png" alt="1">

<!-- 读取2.png, 两种都可以 -->
<img src="images/2.png" alt="2">
<img src="./images/2.png" alt="2">
</body>

</html>

绝对路径的写法

Windows 默认是\, 其他系统是/, 建议统一使用/.

除了在线链接之外, 尽量不要使用绝对路径, 因为目录结构只在自己电脑生效, 如果分享给了别人, 别人的目录结构和你的不相符, 就无法显示了.

版权所有

版权归属：洱海

许可证：署名 4.0 国际 (CC-BY-4.0)