路径详解 —— 相对路径与绝对路径
路径的基本概念
路径是指向文件或资源在计算机系统中的位置的字符串表示。在Web开发中,路径用于定位网页、图片、脚本等资源。
路径主要分为两种类型:相对路径和绝对路径。
绝对路径:从根目录开始,路径是完整且唯一的。
相对路径:从当前目录开始,路径是相对于当前位置的。
举例说明
以 Linux/macOS 为例:
假设目录结果如下:
1
2
3
4
/home/user/docs/
├── report.txt
└── images/
└── logo.png
绝对路径:
/home/user/docs/report.txt/home/user/docs/images/logo.png
始终以根目录 / 开头,路径完整,不依赖当前位置。
相对路径(假设当前在/home/user/docs):
./report.txt或简写为report.txtimages/logo.png或./images/logo.png
不以/开头,相对于当前目录。
以 Windows 为例:
目录结构:
1
2
3
4
C:\Users\Alice\Documents\
├── notes.txt
└── Pictures\
└── photo.jpg
绝对路径:
C:\Users\Alice\Documents\notes.txt
相对路径(假设当前在C:\Users\Alice\Documents):
./notes.txt或 简写为notes.txtPictures\photo.jpg或.\Pictures\photo.jpg
区别总结
| 特性 | 绝对路径 | 相对路径 |
|---|---|---|
| 起始点 | 根目录(如 / 或 C:\) |
当前工作目录 |
| 是否完整 | 是,路径唯一 | 否,依赖当前位置 |
| 是否可移植 | 否,换设备可能失效 | 是,适合项目内部引用 |
| 是否以斜杠开头 | 是(Linux /,Windows C:\) |
否 |
| 示例 | /home/user/file.txt |
./file.txt 或 file.txt |
联系
- 二者都可以指向同一个文件,只是表达方式不同。
- 在程序或脚本中,相对路径常用于提高可移植性,而绝对路径用于精准定位。
- 可以通过命令(如
realpath、pwd、cd)将相对路径转换为绝对路径,反之亦然。
tips
.表示当前目录..表示上一级目录- 在 Web 开发中,HTML/CSS/JS 中的路径也分相对或绝对。推荐使用相对路径以增强项目的可移植性。