路径详解

相对路径与绝对路径

Posted by Marlin on November 10, 2025

路径详解 —— 相对路径与绝对路径

路径的基本概念

路径是指向文件或资源在计算机系统中的位置的字符串表示。在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.txt
  • images/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.txt
  • Pictures\photo.jpg.\Pictures\photo.jpg

区别总结

特性 绝对路径 相对路径
起始点 根目录(如 /C:\ 当前工作目录
是否完整 是,路径唯一 否,依赖当前位置
是否可移植 否,换设备可能失效 是,适合项目内部引用
是否以斜杠开头 是(Linux /,Windows C:\
示例 /home/user/file.txt ./file.txtfile.txt

联系

  • 二者都可以指向同一个文件,只是表达方式不同
  • 在程序或脚本中,相对路径常用于提高可移植性,而绝对路径用于精准定位
  • 可以通过命令(如realpathpwdcd)将相对路径转换为绝对路径,反之亦然。

tips

  • .表示当前目录
  • ..表示上一级目录
  • 在 Web 开发中,HTML/CSS/JS 中的路径也分相对或绝对。推荐使用相对路径以增强项目的可移植性。