文件路径

一.相对路径

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

二.绝对路径

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

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

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

四.路径总结

./          --代表目前所在的目录。
../         --代表上一层目录。

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

/           --代表根目录。

五.相对路径举个栗子

eg1:相对路径的简单应用

假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

   index.html路径是:c:/Inetpub/wwwroot/sites/blabla/index.html

写法:<a href = "index.html">这是超连接</a>

eg2:如何表示上级目录

../表示源文件所在目录的上一级目录

假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

   index.html路径是:c:/Inetpub/wwwroot/sites/index.html

写法:<a href = "../index.html">这是超连接</a>

eg3:如何表示上上级目录

../../表示源文件所在目录的上一级目录

假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

   index.html路径是:c:/Inetpub/wwwroot/index.html

写法:<a href = "../../index.html">index.html</a>

eg4:如何表示跨级目录

假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

   index.html路径是:c:/Inetpub/wwwroot/sites/wowstory/index.html

写法:<a href = "../wowstory/index.html">index.html</a>

eg5:如何表示下级目录

引用下级目录的文件,直接写下级目录文件的路径即可。

假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

   index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/index.html

写法:<a href = "html/index.html">这是超连接</a>

6.绝对路径举个栗子

http://www.adminwang.com/index.htm

d:/ www /html/images/bg.jpg

原文地址:https://www.cnblogs.com/lily1010/p/5825365.html