Fork me on GitHub

文件路径

一.相对路径

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

 

二.绝对路径

以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

posted @ 2016-08-31 11:57  半亩花田  阅读(383)  评论(0编辑  收藏  举报