日期:2014-05-17  浏览次数:20717 次

HTML相对路径(Relative Path)和绝对路径(Absolute Path)

HTML有2种路径的写法:相对路径和绝对路径。

?

HTML相对路径(Relative Path)

../表示上级目录

./表示同级目录? 和不用加任何符号一样

/表示根目录

?

1.同一个目录的文件引用

?

如果源文件和引用文件在同一个目录里,直接写引用文件名即可 。

?

假设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>

?

2.如何表示上级目录

?

假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html

假设info.html路径是:c :\Inetpub\wwwroot\sites\blabla\info.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>

?

3.如何表示下级目录

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

?

在info.html加入index.html超链接的代码应该这样写.

假设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

index.html 在info.html加入index.

在info.html加入index.html超链接的代码应该这样写:

<a href = "html/tutorials/index.html">index.html</a>