绝对路径与相对路径

绝对路径与相对路径

1. 同级目录

说明：文件 logo.png 和 about.html 与当前 HTML 文件位于同一目录。

2. 子目录

说明：images/logo.png 表示 logo.png 位于 images 文件夹下。
适用场景：将资源文件分类管理，如 images、css、js 目录。

3. 返回上一级目录（../）

说明：../ 表示回到上一级目录，然后再寻找目标文件。
适用场景：在子目录中的 HTML 文件需要引用上一级目录的资源。

4. 返回多级目录

说明：../../ 表示返回 两级 目录，然后进入 images 目录。
适用场景：在多层嵌套的文件结构中引用公共资源。

5. 根目录（/，站点相对路径）

说明：/images/logo.png 是相对于网站根目录的路径。
适用场景：适用于服务器部署的网站，确保路径固定，但在本地打开时可能无法访问。