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>