前端:相对路径与绝对路径解析

在此之前,先建立一个场景:

在D盘的有一个A文件夹,A文件夹里面有一个html文件(B.html)和一个C文件夹,C文件夹里面又又一个html文件(D.html)

相对路径:相对于当前文件所在目录的路径

./ 表示当前文件所在目录 如:在B.html 文件中:<a href = "./C/D.html"></a> 这样就可以访问到C文件夹里面的文件

../表示当前文件所在目录的上级目录 如:在D.html 文件中:<a href="../B.html"></a> 这样就可以访问到上级目录(即A文件夹)里面的文件

其实使用相对路径是可以无限套娃的,具体怎么套?自己想想看,嘿嘿

绝对路径:绝对路径:在本机中,相对于当前主机,在项目中,可以是当前项目 (具体看使用场景)

在本机中,如:D:/A/B.html 以及 D:/A/C/D.html 就是绝对路径

在项目(网页)中:/ 就代表当前项目的根目录,这里注意,当你使用vs code 这个软件写html代码时,无论你这个html文件创建在哪里,只要不是以一整个文件夹放到vs code里面,那么这个 / 就会指向vs code安装的位置的根目录(假设vs code安装在D盘,那么 / 就会指向D盘)

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值