使用相对路径时,./、../、../../,代表的什么?

本文介绍了在网页开发中使用相对路径的基本概念,包括./、../、../../等符号的意义,并通过实例展示了如何在不同场景下正确应用相对路径。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用相对路径时,./、../、../../,代表的什么?

由于是小白(半路入行),所以很多都不太懂!

之前一直都是使用的绝对路径: ${pageContext.request.contextPath};

这次写静态网站用到相对路径,所以学习了解了一下,记录下来!

./ 当前目录
../ 父级目录。
/ 根目录。

 举个栗子:

页面引入js、css等文件:

1.如果about.jsp页面想引入common.css文件:

以about.jsp为基点寻找  直到  和static文件在同一级;

2.如果引入的外部css、js文件又引入image等时:

举个栗子:

about.css中还引入了image时:


那么此时使用相对路径,则是以about.css为基点找寻你所需要的image的位置;

<think>我们正在讨论相对路径中的目录表示方法。用户询问相对路径'../..'的具体含义以及它所指代的目录层级。根据之前的引用内容:-引用[1]提到:两个文件在同一个文件夹下,属于同级,所以使用./”或直接写文件名。同,'../'代表上一级目录(父级目录)。-引用[2]提到:当前目录可以用无点无斜杠或一点一斜杠(即`./`)表示,而'../'表示往上跳一级目录。因此,相对路径中的'..'表示上一级目录。那么'../..'就是连续两次向上跳一级目录,即上两级目录。例如,假设我们有以下目录结构:```根目录/一级目录/二级目录/当前文件.html目标文件.html```如果当前文件是`二级目录/当前文件.html`,那么:-使用`../`表示跳到`一级目录`。-使用`../../`表示跳到`根目录`。所以,`../../目标文件.html`就表示从当前文件所在的目录(二级目录)向上两级到根目录,然后找到根目录下的目标文件.html。但是注意,如果当前文件位于二级目录,而目标文件位于一级目录,那么使用`../目标文件.html`即可。而`../../`则跳到了根目录,所以如果目标文件在根目录下,就需要用`../../目标文件.html`。总结:-`..`表示上一级目录。-`../..`表示上两级目录(即父目录的父目录)。-每增加一个`../`就表示再往上一级。因此,相对路径`../..`表示当前目录的祖父目录(上两级目录)。</think>### 相对路径 `../..` 的解释 在文件路径系统中,`../..` 表示**向上跳转两级目录**。具体解析如下: 1. **`.` 和 `..` 的含义** - `.` 表示**当前目录** - `..` 表示**上一级目录**(父目录)[^1][^2] 2. **`../..` 的层级跳转** - 第一个 `../`:跳到当前目录的**父目录** - 第二个 `../`:再跳到父目录的**父目录**(即上两级目录) *示例:* ```markdown 项目根目录/ ├── 一级目录/ │ ├── 二级目录/ │ │ └── 当前文件.html ← 从这里出发 │ └── 目标文件.html └── 根目录文件.html ``` - 在 `当前文件.html` 中使用 `../../目标文件.html`: `二级目录 → 一级目录 → 找到目标文件.html` - 在 `当前文件.html` 中使用 `../../根目录文件.html`: `二级目录 → 一级目录 → 项目根目录 → 找到根目录文件.html` 3. **路径规则总结** | 路径写法 | 含义 | 示例场景 | |---------------|--------------------------|-----------------------------| | `文件.html` | 同级目录下的文件 | 直接访问同文件夹的文件 | | `./文件.html` | 同级目录下的文件(显式) | 与 `文件.html` 等价 | | `../文件.html`| 上一级目录下的文件 | 访问父文件夹的文件 | | `../../文件.html`| **上两级目录**下的文件 | 访问祖父文件夹的文件 | ### 注意事项 - 路径分隔符:Windows 系统用 `\`,但 Web 开发中统一建议用 `/`(如 `../../css/style.css`) - 起始位置:相对路径**始终以当前文件所在目录为起点**[^1][^2] - 层级限制:若路径超过实际目录层级(如连续 `../../../` 但目录只有两级),浏览器会报错 "File not found"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值