相对路径和绝对路径的问题

 作为初学者的我,前两天被这个问题困扰,查阅很多资料以后,在这做个总结。
相对路径:官方一点的说法,就是从当前路径开始的路径。
通俗一点, 如果源文件和引用文件在同一个目录里,直接写引用文件名即可。 
**1、同一个目录的文件引用** 
现在新建一个源文件login.html文件,在login.html文件中引用photo.jpg 文件作为超链接。、
假设login.html文件的路径为:D:\a\b\c\login.html
假设photo.jpg文件的路径为:D:\a\b\c\photo.jpg
在此例中login.htm中联接的photo.jpg应该表示为:
photo.jpg就可以了。

 **2、表示上级目录的文件引用**
  ../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。
假设login.html文件的路径为:D:\a\b\html\login.html
假设photo.jpg文件的路径为: D:\a\b\img\photo.jpg

在此例中login.htm中联接的photo.jpg应该表示为:
 错误写法:img/photo.jpg 
 这种写法是不正确的,在此例中,对于login.htm文件来说  
 img/photo.jpg所代表的绝对路径是:  
 D:/a/b/html/img/photo.jpg,显然不符合要求。 
 正确写法:使用../img/photo.jpg的相对路径来定位文件

 **3、表示上上级目录的文件引用** 
 D:/a/b/html/login.htm 
 D:/a/img/images/photo.jpg 
在此例中login.htm中联接的photo.jpg应该怎样表示呢? 
错误写法:../img/images/photo.jpg 
这种写法是不正确的,在此例中对于index.htm文件来说../img/images/photo.jpg所代表的绝对路径是:
     D:/a/b/img/images/photo.jpg。 
正确写法:可以使用../../img/images/photo.jpg的相对路径来定位文件
 **4、表示上级目录的文件引用** 
D:/a/b/html/login.htm 
D:/a/b/img/photo.jpg 
在此例中login.htm中联接的photo.jpg应该怎样表示呢? 
错误写法:../../img/photo.jpg 
这种写法是不正确的,在此例中对于login.htm文件来说../../img/photo.jpg所代表的绝对路径是:D:/a/img/photo.jpg。 
正确写法:可以使用../img/photo.jpg的相对路径来定位文件

其实也可以这样去理解“..”的意思,就是代表去掉当前的目录,比如: D:/a/b/html/login.htm
D:/a/b/img/photo.jpg
中,../img/photo.jpg中“..”就是去掉(省略)/html,然后再接 D:/a/b/开始,最后就是 D:/a/b/img/photo.jpg

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值