下面我来以结合项目的方式介绍一下相对路径和绝对路径
下面看项目的结构:
/ :表示根目录,即为WebRoot
./ :表示当前目录
比如在main.jsp 中访问css:
<link rel="stylesheet" href="./css/pintuer.css">,其中的./指的是当前目录page
../ : 表示上一级目录(../../上二级)
比如在main.jsp 中访问
<link rel="stylesheet" href="../">,其中的../指的是当前目录page的上一级WebRoot
上一级的上一级大家应该就明白了吧
**相对路径与绝对路径举例介绍:**例子出自:https://blog.csdn.net/hgd613/article/details/8041662
让我们先来分析一下为什么会发生图片不能正常显示的情况。举一个例子,现在有一个页面index.htm,在这个页面中联接有一张图片photo.jpg。他们的绝对路径如下:
c:/website/index.htm
c:/website/img/photo.jpg
如果你使用绝对路径c:/website/img/photo.jpg,那么在自己的计算机上将一切正常,因为确实可以在指定的位置即c:/website/img/photo.jpg上找到photo.jpg文件,但是当你将页面上传到网站的时候就很可能会出错了,因为你的网站可能在服务器的c盘,可能在d盘,也可能在aa目录下,更可能在bb目录下,总之没有理由会有c:/website/img/photo.jpg这样一个路径。那么,在index.htm文件中要使用什么样的路径来定位photo.jpg文件呢?对,应该是用相对路径,所谓相对路径,顾名思义就是自己相对与目标位置。在上例中index.htm中联接的photo.jpg可以使用img/photo.jpg来定位文件,那么不论将这些文件放到哪里,只要他们的相对关系没有变,就不会出错。