有一图片img.jpg 完整的路径C:tv\main\img\img.jpg
有另一图片two.jpg 完整的路径C:tv\main\html\img\img.jpg
有一页面index.html 完整的路径C:tv\main\html\index.html
若在index.html中有一标签<img/>需要引用img.jpg
相对路径:
字面意思 就是相对的路径,所有说相对路径必须要有相对某一目录而言的 是相对的,
在随着某一目录变化而变化的路径 既可以用相对路径
用相对路径引用img.jpg:在index.html中:<img src="../img/img.jpg"/>
用相对路径引用two.jpg:
在index.html中:<img src="img/two.jpg"/>
说明:在相对路径中,用 / 来隔离目录 ../表示向上一级 若需要多个上级 则需要多个../
绝对路径:
就是路径是绝对的,不能变的, 所以在一些工程下一般用相对路径,而不用绝对,因为工程移动下位置之后 就有可能找不到资源了。
用相对路径引用two.jpg:
在index.html中:<img src="C:tv\main\html\img\img.jpg"/>
虚拟路径:
虚拟路径就是解决在工程需要调用该工程的服务器以外的资源时,这里以myeclipse的tomtac为例,
若这里还有一张图片three.jpg图片,路径是:f:\img/three.jpg
这个时候工程中的index.html需要引用three.jpg时 就需要利用虚拟路径
这里若用绝对路径,在单独的一个页面index.html时 可以用,但在一个工程站点里时 就不行了,该工程会找不到该图片资源,
除非把该图片复制到该工程站点的服务器的根目录下 另外就是利用虚拟路径
虚拟路径的使用:
在tomcat中找到server.xml 并打开,我是用Notepad打开的,
打开之后 找到<Host><Host/> 在中间添加<Context crossContext="true" docBase="f:\img" path="/img" reloadable="true"></Context>
说明:docBase就是实际的路径,path是虚拟路径,相当于把改路径映射到服务器中。
这是服务器中的index.html要引用three.jpg时
可以这样:<img src="/img/img.jpg"/>