/和./和../的区别举例

最新推荐文章于 2025-02-13 17:33:47 发布
原创 最新推荐文章于 2025-02-13 17:33:47 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解释了在网页中如何正确地引用资源文件，包括相对路径、绝对路径和上级路径的不同用法，并通过实例展示了这些路径在不同场景下的具体应用。

/   网站根路径 

./  当前路径

../ 上一级路径

 

 

例如以上 本地静态网站 index页面地址  localhost:8080/bootstrap_test/index.html

即当前层次的文件夹路径为 localhost:8080/bootstrap_test/

 

需要引入 css 文件夹的 bootstrap.css文件 

1、

<link href="css/bootstrap.min.css" rel="stylesheet">  实际请求地址为： localhost:8080/bootstrap_test/css/bootstrap.min.css 

2、

 

<link href="./css/bootstrap.min.css" rel="stylesheet">  实际请求地址为： localhost:8080/bootstrap_test/css/bootstrap.min.css 

3、

 

<link href="/css/bootstrap.min.css" rel="stylesheet">  实际请求地址为： localhost:8080/css/bootstrap.min.css 

4、

 

<link href="../bootstrap_kkk/css/bootstrap.min.css" rel="stylesheet">  

实际请求地址为： localhost:8080/bootstrap_kkk/css/bootstrap.min.css 

从零开始学习Linux笔记
yy150122的博客
05-15 9万+
从零开始学习Linux，记录笔记，担心自己以后会忘，也供大家茶余饭后，闲来无事看看，自己的理解只能到这，也希望大家可以指出我的错误 让我可以有一点点进步，以后会一直更新
〖ROS2 源码解析〗rclcpp/include/rclcpp/macros.hpp
sinat_39783664的博客
08-14 1184
ros2 源码解析：rclcpp/include/rclcpp/macros.hpp
路径中“./”、“../”、“/”代表的含义
SimonChen
10-26 4万+
“./”：代表目前所在的目录。 " . ./"代表上一层目录。 “/”：代表根目录。 https://blog.csdn.net/Young__Fan/article/details/80152501
./与../区别
qq_40967319的博客
07-29 4万+
“./”：代表目前所在的目录。 “../”：代表上一层目录。 ”/”开头：代表根目录。 根目录下有Site1和Image/Image.jpg，Site1下有Page1.html文件和Site2文件夹。Site2下有Page2.html和Page2Image.jpg图片文件。 1、文件在当前目录 Page2.html访问Page2Image.jpg <img src=”./Page2Image.jpg”>或者<img src=”Page2Image. jpg
./和/和../
weixin_34273046的博客
12-22 157
/是相对于文件夹的根路径 ./是当前目录 ../父级目录
秒懂文件路径 / 和 ./ 和 ../ 和 ../../
chao_1083934282的博客
03-08 2618
/ 表示当前路径的根路径 ./ 表示当前路径 ../表示父级路径，当前路径所在的上一级路径。 ../../ 表示当前路径所在的上上级路径 例子： 用python读取D:/A/B/C/D/1.jpg文件。 用os.getced()当前python所在的路径，比如：D:/A/B/C/D 读取方法：1、从cv2.imread(1.jpg) 2、cv2....
url ../ ./ 有什么区别
05-29
在文件路径表示中，"./"代表当前目录，"../"代表上一级目录。具体来说： - "./"：表示当前所在的目录，即当前工作目录，通常可以省略不写； - "../"：表示上一级目录，即当前目录的父目录。 举例来说，假设当前...
Datawhale AI夏令营第四期魔搭- AIGC文生图方向 task02笔记
weixin_73773376的博客
08-13 1747
本篇文章是对task01中的代码的进阶，细讲与补充相关AIGC（通过人工智能技术自动生成内容的生产方式）的相关使用方式以及领域。
./和../的区别
Blog
10-09 1万+
./ 当前目录 ../ 父级目录
文件路径中的 ./ 和 ../ 和 / 的区别
种麦南山下的博客
03-27 6645
路径中的“./”、“../”和“/”分别代表以下含义：
./和../以及/之间的区别？终于弄懂，写的很详细！！！
MyHeaven7的博客
05-26 4万+
1、./是当前目录（其中./等价于不写，即href=“./layui/css/layui.css”和href=“layui/css/layui.css”是一样的效果） 2、../是父级目录（表示当前文件夹下的，上一个文件夹） 3、/是根目录（表示一下子回到最顶端的那个文件夹下） 其中拿图片举例tpkiarui是一个项目的根目录， 1 ./是表示当前目录，其中controller下Admin.php一直到System.php他们都是在当前目录下，如果该目录有.css和.js等文...
../和./和/的区别
jiajiajiaga的博客
04-03 1万+
./ 当前目录../ 父级目录/ 根目录 ./SRC/  这样写表示，当前目录中的SRC文件夹；  ../SRC/  这样写表示，当前目录的上一层目录中SRC文件夹； /SRC/   这样写表示，项目根目录（可以指磁盘根目录，也可以指项目根目录，具体根据实际情况而定） 比如说C:\Users\jj\Desktop\colors7\index.html.中 的&lt;link type="te...
路径符号 / ./ 和 ../ 的区别说明
最新发布
qq_50856002的博客
02-13 6366
路径符合 /  ./  ../ 对比
使用相对路径时，./、../、../../,代表的什么？
热门推荐
mask-fish
07-14 13万+
由于是小白（半路入行），所以很多都不太懂！之前一直都是使用的绝对路径： ${pageContext.request.contextPath}；这次写静态网站用到相对路径，所以学习了解了一下，记录下来！./ 当前目录。../ 父级目录。/ 根目录。 举个栗子：页面引入js、css等文件：如果about.jsp页面想引入common.css文件：以about.jsp为基点寻找  直到  和static...
路径中的“./“，“../“，“/“ 代表的含义
qq_52179917的博客
06-24 6355
例如：import '../../public/js/instance.js'相当于：import '../.././public/js/instance.js'对应的目录： 编写路径为了告诉编译器如何找到其他资源.
路径中“./”、“../”、“/”代表的含义 路径相关知识点总结
张紫娃的博客
09-15 2万+
"./"：代表目前所在的目录。 " . ./"代表上一层目录。 "/"：代表根目录。 路径作用： 编写路径为了告诉编译器如何找到其他资源. 路径分类 1. 相对路径: 从当前资源出发找到其他资源的过程 req.getRequestDispatcher("index.jsp").forward(req, resp); 目前所在的目录 req.getRequestDispatcher("./index.jsp").forward(req, resp); 目前所在的目录 req.getRequestDispa.
目录访问方法
jlds123的专栏
05-27 655
相对路径中:1、"/xxx.xx" 表示从网站根目录开始,即网站根目录下的xxx.xx文件2、"./xxx.xx"表示本目录下的xxx.xx3、"../xxx.xx"表示上一级目录中的xxx.xx，当然，"../../xxx.xx"表上上一级目录中的xxx.xx4、"xxx/"表示当前目录下的xxx文件夹,也相当与"./xxx/"不过：asp.net中有一些地方是不支持相对路径的，如web.con
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值