引用文件的路径

相对路径

以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对.

绝对路径

以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的.

相对路径和绝对路径的区别

其实绝对路径与相对路径的不同处，只在于描述目录路径时，所采用的参考点不同.

路径总结

./ –代表目前所在的目录。

../ –代表上一层目录。

../../ 　 –代表上一层目录。

/ –代表根目录。

相对路径举个栗子

相对路径的简单应用

假设：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">这是超连接</a>
或者写法:
<a href = "./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">这是超连接</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">这是超连接</a>