文件和文件之间的 相对路径 绝对路径的访问(之前总是容易忘记)

本文详细解释了相对路径和绝对路径的概念,包括如何在HTML中使用它们来链接同级、上级和下级目录的文件。同时,通过具体示例展示了两种路径的不同应用场景。

相对路径,相对路径的英文全称是Relative Path,我们可以从以下三个方面来了解它的用法(以“物理路径”中的位置情况为例):  

    ·如何表示同级目录的文件
      b.html和c.html在同一个文件夹下,如果b.html需要链接到c.html,可以在b.html中这样写:
       <a href="c.html">同目录下文件间互相链接</a>

    ·如何表示上级目录的文件
      a.html是b.html和c.html的上级目录中的文件,如果b.html或c.html链接到a.html,可以在b.html或c.html中这样写:
       <a href="../a.html">链接到上级目录中的文件</a>
       代码中的 "../" 代表一级上级目录(间隔一个目录)。
       需要注意的是:“../../”代表二级上级目录(间隔两个目录),比如a.html是d.html的前两级目录,同时d.html需要链接到a.html,可以在d.html中这样写:
       <a href="../../a.html">链接到上级目录的上级目录中的文件</a>

    ·如何表示下级目录的文件
      b.html和c.html是a.html的下级目录中的文件,如果需要在a.html中链接到b.html, 可以在a.html中这样写:
      <a href="photo/b.html">链接到下级目录(photo)中的文件</a>
      如果需要在a.html中链接到d.html,可以在a.html中这样写
      <a href="photo/ours/d.html">链接到下级目录(photo/ourd/)中的文件</a>

 

绝对路径,绝对路径的英文全称是Absolute Path,它就是带有网址的路径。比如你有一个域名www.deerol.com,其域名指向d:\wwwroot,那么上面的四个文件就可以这么表示:

     <a href="http://www.deerol.com/html/a.html">链接到a.html</a>
     <a href="http://www.deerol.com/html/photo/b.html">链接到b.html</a>
     <a href="http://www.deerol.com/html/photo/c.html">链接到c.html</a>
     <a href="http://www.deerol.com/html/photo/ours/d.html">链接到d.html</a>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值