作为初学者的我,前两天被这个问题困扰,查阅很多资料以后,在这做个总结。
相对路径:官方一点的说法,就是从当前路径开始的路径。
通俗一点, 如果源文件和引用文件在同一个目录里,直接写引用文件名即可。
**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