在实际Web开发中，插入图片、包含CSS文件等都需要有路径，如果文件路径的添加错误，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。很多初学者感到困惑，相对路径与绝对路径区别用法如下:

　　相对路径指由这个文件所在的路径引起的跟其他文件(或文件夹)的路径关系。

　　例如:文件index.html存放在D盘WWW目录下，它的绝对路径是:D:/www/index.html，文件aboutus.html存放在D盘WWW目录下，它的绝对路径是:D:/www/aboutus.html。那么:index.html相对于aboutus.html的路径就是:当前目录下的index.html文件。在超链接中写为:<a href="index.html">返回首页</a>。

　　也就是说不加绝对盘符号或者网络上完整路径如:http://www.abc.cn/index.html，http://url/)相对位置写清楚相对于文档的目录路径即可。

　　如果链接到同一目录下，则只需输入要链接文档的名称，例如:<a href="1 htm">网页链接</a> <img src="bg.jpg"/>如果链接到下一级目录，则需要先输入目录名，然后加"/"，再输入文件名，例如:<a href="html/next.htm"> <img Src="images/bg.jpg"/>，如果连接到上一级目录，则需要先输入"../"，然后再输入目录名、文件名；../也称为父路径，如:<a href="../www/index.htm">

　　网页文件或者网页上图形、声音、视频等元素在本地或者网络中的完整路径：包括适用的协议或盘符。也就是网页文件在http协议下的url路径或者是硬盘上网页完整的路径。例如：http://www.abc.cn/index.htm D:/www/html/images/logo.jpg，一般来说网站内文件引用和链接使用相对地址，网站外文件引用和链接使用绝对地址。

　　虽然相对路径看似比较麻烦，但考虑到后续如果将目录移到其他位置，会导致绝对路径全部失效，而相对路径则不用改变。在静态页面的制作中，推荐使用相对路径引出其他的页面。

　　注重搜索引擎优化的技术人员使用绝对路径效果更好，尤其是图片，如果使用绝对路径，就很容易被搜索引擎收录，利于抓取。而且，做RSS输出时，超链接同样会保留，容易引入流量。