外观
路径
约 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>绝对路径的写法
<img src="C:\images\1.png" alt="1">
<img src="C:/images/1.png" alt="1">
<!-- 在线链接也算是绝对路径 -->
<img src="https://www.loliapi.com/acg/pp" alt="pp">Windows 默认是\, 其他系统是/, 建议统一使用/.
除了在线链接之外, 尽量不要使用绝对路径, 因为目录结构只在自己电脑生效, 如果分享给了别人, 别人的目录结构和你的不相符, 就无法显示了.
版权所有
版权归属:洱海