文件路径的一些通用规则

本文介绍了在初次创建Web项目时,如何组织文件路径以正确引用不同层级的文件,包括同级、子目录和上级目录的引用规则,以及在Windows系统中的注意事项。

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

初次创建web项目 时候的一个基本结构如下:

项目文件夹结构
以下是文件路径的一些通过规则:

  • 若引用的目标文件与HTML文件同级,只需直接使用文件名(test-images-1.jpg),如下:
    在这里插入图片描述
  • 要引用子目录中的文件,请在路径前面写上目录名,再加上一个正斜杠(images/test-images-1.jpg)。如下:在这里插入图片描述
  • 若引用的目标文件位于HTML文件的上级,需要加上两个点(…/test-images-1.jpg)。如下:
    在这里插入图片描述
  • 以上方法可以随意组合,比如:…/test1/test2/test-images-1.jpg。

备注:Windows的文件系统使用反斜杠而不是正斜杠,例如:C:\Windows。但在HTML中并不重要——即使在Windows系统上进行开发,也应该在代码中使用正斜杠。

来源:MDN->学习Web开发->web入门->处理文件->文件路径

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值