绝对路径 vs 相对路径
路径核心知识点总结（绝对路径 vs 相对路径）
一、核心定义与核心区别
| 路径类型 | 核心特征 | 关键特点 |
|---|---|---|
| 绝对路径 | 从「系统/网站最根起点」出发的完整地址 | 1. 不依赖当前位置，地址固定； 2. 本地（Windows）以盘符（如 D:\）开头，Mac/Linux以根目录/开头；3. 网页以 http:///https://等协议开头 |
| 相对路径 | 从「当前所在位置」出发的地址 | 1. 依赖当前位置，换位置需调整路径； 2. 常见形式： ./（当前目录）、../（上一级）、纯文件名/文件夹名、网页根相对路径/（如/css/style.css）；3. 哪怕走到根目录，仍属于相对路径 |
二、路径分隔符规则
- 分隔符差异原因：操作系统设计不同，
\（反斜杠）是Windows专属，/（正斜杠）是Mac/Linux/网页通用； - 使用原则：
- 本地手动操作：Windows可用
\，Mac/Linux只能用/； - 编程/网页开发：一律用
/（避免兼容问题），Windows代码中写\需转义为\\； - 网页路径：仅识别
/，不识别\。
- 本地手动操作：Windows可用
三、关键易错点与使用建议
- 根相对路径≠绝对路径：网页中
/css/style.css是根相对路径（依赖网站域名），而非带协议的完整绝对路径（https://demo.com/css/style.css）； - 相对路径不止「往上找」：除了
../（上一级），还包括./（当前）、纯文件名（当前）、/（网站根）； - 使用场景：
- 绝对路径：引用外部网站资源（如第三方图片、接口）；
- 相对路径：引用本项目内资源（如本地CSS、图片），维护更灵活。
四、终极记忆口诀
- 绝对路径：「从原点出发找目标」，地址完整、不挑位置；
- 相对路径：「从脚下出发找目标」，地址简短、依赖位置；
- 分隔符：「编程/网页用
/，Windows本地手动用\」。