初拟这个题目的时候，感觉太过简单，没有什么值得讲的。会一点HTML语言的人应该都知道相对路径和绝对路径的区别。不过后来想了想，觉得还是有必要写出来的。因为，毕竟还是有部分HTML的初学者和一些特定的环境下，会因为文件路径设置不当导致网站内容加载不全。比如说，当我们在本地写好了一个网站后，当把这个网站搬到其他地方上线后发现有些图片，模块加载不出来。几经检查代码逻辑性，都没有发现问题，但最后经过旁人的小小的指点，哦，原来是代码中文件的路径设置成了本地的了，而非新环境下的路径。
通常情况下，建议大家在引用文件路径的时候优先使用相对路径，这样就不会因为使用绝对路径，在每次网站搬迁的时候修改代码。使用相对路径可以带来很多便利。
好了，我们接下来就讲讲HTML的相对路径和绝对路径。
相对路径（Relative Path）
同目录
引用同目录下的文件，可直接引用文件名，而不需指明路径。
比如，
文件index.html的路径是： D:\hostingspace\aipsme\wwwroot\test\index.html.
文件test.html的路径是：D:\hostingspace\aipsme\wwwroot\test\test.html.
现在要在文件index.html中引用文件test.html，则只需要这样写：
<a href = “test.html”> test.html</a>
不同目录
情况一
文件list.html的路径是： D:\hostingspace\aipsme\wwwroot\abc\list.html.
文件buter.html的路径是：D:\hostingspace\aipsme\wwwroot\def\buter.html.
现在要在文件list.html中引用文件buter.html，则只需要这样写：
<a href = “../def/buter.html”> buter.html</a>
情况二
文件list.html的路径是： D:\hostingspace\aipsme\wwwroot\abc\list.html.
文件buter.html的路径是：D:\hostingspace\aipsme\wwwroot\buter.html.
现在要在文件list.html中引用文件buter.html，则只需要这样写：
<a href = “../buter.html”> buter.html</a>
情况三
文件list.html的路径是： D:\hostingspace\aipsme\wwwroot\abc\def\list.html.
文件buter.html的路径是：D:\hostingspace\aipsme\wwwroot\buter.html.
现在要在文件list.html中引用文件buter.html，则只需要这样写：
<a href = “../../buter.html”> buter.html</a>
情况四
文件list.html的路径是： D:\hostingspace\aipsme\wwwroot\abc\list.html.
文件buter.html的路径是：D:\hostingspace\aipsme\wwwroot\abc\def\buter.html.
现在要在文件list.html中引用文件buter.html，则只需要这样写：
<a href = “def/buter.html”> buter.html</a>
绝对路径（Absolute Path）
比方现在有一个网站www.test.com放在一个虚拟主机商的服务器上。您的网站文件通常是放在根目录wwwroot或者public_html下面，这样的话，比如你现在有一个文件index.php的路径是wwwroot\test\index.php
那么这个文件的绝对路径应该是：http://www.test.com/test/index.php