6.5　相对路径与绝对路径

路径在网页中常出现，除了用到超链接外，还会用到背景音乐地址、CSS文件等。在引用文件时（如加入超链接，或者插入图片等），如果使用了错误的文件路径，就会导致引用失效（无法浏览链接文件，或无法显示插入的图片等）。为了避免这些错误，正确地引用文件，需要学习一下HTML路径。

HTML有两种路径：相对路径和绝对路径，下面分别对两者进行介绍，通过知识的讲解，使读者对相对路径和绝对路径有更深刻的了解。

6.5.1　相对路径

相对路径是指这个文件所在的位置与其他文件或文件夹的关系。也可以说是相对位置。如HMTL同一个目录的文件引用html超链接的代码如下所示。

c：\Inetpub

如果源文件和引用文件在同一个目录里，直接写引用文件名即可。现在先创建一个源文件info.html，在info.html里要引用index.html文件作为超链接，表示源文件所在目录的上一级目录，假设info.html的路径是c：\Inetpub\wwwroot\sites\blabla\info.html，假设index.html的路径是c：\Inetpub\wwwroot\sites\blabla\index.html，在info.html中加入index.html超链接的代码如下所示。

＜a href="index.html"＞index.html＜/a＞

为了表示上级目录，用../表示源文件所在目录的上一级目录，用../../表示源文件所在目录的上上级目录，依次类推。假设info.html的路径是c：\Inetpub\wwwroot\sites\blabla\info.html，假设index.html的路径是c：\Inetpub\wwwroot\sites\index.html，在info.html加入index.html超链接的代码如下所示。

＜a href="../index.html"＞index.html＜/a＞

假设info.html的路径是c：\Inetpub\wwwroot\sites\blabla\info.html，假设index.html的路径是c：\Inetpub\wwwroot\index.html，在info.html加入index.html超链接的代码如下所示。

＜a href="../../index.html"＞index.html＜/a＞

假设info.html的路径是c：\Inetpub\wwwroot\sites\blabla\info.html，假设index.html的路径是c：\Inetpub\wwwroot\sites\wowstory\index.html，在info.html加入index.html超链接的代码如下所示。

＜a href="../wowstory/index.html"＞index.html＜/a＞

为了表示下级目录，引用下级目录的文件，直接写下级目录文件的路径即可。假设info.html的路径是c：\Inetpub\wwwroot\sites\blabla\info.html，假设index.html的路径是c：\Inetpub\wwwroot\sites\blabla\html\index.html，在info.html加入index.html超链接的代码如下所示。

＜a href="html/index.html"＞index.html＜/a＞

假设info.html的路径是c：\Inetpub\wwwroot\sites\blabla\info.html，假设index.html的路径是c：\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html，在info.html加入index.html超链接的代码如下所示。

＜a href="html/tutorials/index.html"＞index.html＜/a＞

注意　注意区别路径中的上一级、同一级和下一级，以及它们的用法，这些方法在各种编程语言中都会用到。