(项目笔记) 相对路径、绝对路径以及虚拟路径

有一图片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"/>