"."——代表当前所在的目录。

"."——代表目前所在的目录。

我们现在建一个 源文件info.html，在info.html里要引用index.html文件作为超链接。

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

html文件作为超链接。c:\Inetpub\wwwroot.

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

其实，可以省略"./"直接引用。

../表示 源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。

/../include.php 就表示所在文件向一级目录（第一个杠就表示是在根目录下）！

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

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

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

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

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

html路径是：c:\Inetpub\wwwroot\sites.

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

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

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

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

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

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

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

==========================================================================================================

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

HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片？......

(相关教程：HTML超链接；HTML图片)

如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。

为了避免这些错误，正确地引用文件，我们需要学习一下HTML路径。

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

HTML相对路径(Relative Path)

同一个目录的文件引用

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

我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。

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

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

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

如何表示上级目录

../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。

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

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

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

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

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

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

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

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

在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超链接的代码应该这样写：

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

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

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

HTML绝对路径(Absolute Path)

HTML绝对路径(absolute path)指带域名的文件的完整路径。

假设你注册了域名www.blabla.cn，并申请了虚拟主机，你的虚拟主机提供商会给你一个目录，比如www，这个www就是你网站的根目录。

假设你在www根目录下放了一个文件index.html，这个文件的绝对路径就是： http://www.blabla.cn/index.html。

假设你在www根目录下建了一个目录叫html_tutorials，然后在该目录下放了一个文件index.html，这个文件的绝对路径就是http://www.blabla.cn/html_tutorials/index.html。

 

作者或编者：布啦布啦   最近更新日期：2007-04-22

参考来源：www.BlaBla.cn 布啦布啦网页教程与代码

参考：
http://www.blabla.cn/html_tutorials/022_html_path.html
=========================================================================================================

6.3. 相对路径和绝对路径

文件路径就是文件在电脑中的位置，表示文件路径的方式有两种，相对路径和绝对路径。在网页设计中通过路径可以表示链接，插入图像、Flash、CSS文件的位置。

物理路径：物理路径就是硬盘上文件的路径，比如下面的文件：

d:\dreamdu\exe\1.html
d:\dreamdu\exe\first\2.html
d:\dreamdu\exe\first\3.html
d:\dreamdu\exe\first\second\4.html

下面的例子使用了上面四个文件进行了相互链接，

相对路径(Relative Path)

如何表示同级目录的文件

2.html和3.html在同一个文件夹下， 如果2.html链接到3.html，可以在2.html中这样写:

<a href="3.html">同目录下文件间互相链接</a>

如何表示上级目录的文件

1.html是2.html和3.html的上级目录中的文件，如果2.html或3.html链接到1.html，可以在2.html或3.html中这样写

<a href="../1.html">链接到上级目录中的文件</a>

../ 代表一级上级目录(间隔一个目录) ../../代表二级上级目录(间隔两个目录)，比如4.html链接到1.html，可以在4.html中这样写

<a href="../../1.html">链接到上级目录的上级目录中的文件</a>

如何表示下级目录的文件

2.html和3.html是1.html的下级目录中的文件，如果在1.html中链接到2.html， 可以在1.html中这样写

<a href="first/2.html">链接到下级目录(first)中的文件</a>

如果在1.html中链接到4.html，可以在1.html中这样写

<a href="first/second/4.html">链接到下级目录(first/second/)中的文件</a>

绝对路径(Absolute Path)

绝对路径就是带有网址的路径，比如你有一个域名www.dreamdu.com，和一个网站空间，上面的四个文件就可以这么表示。

<a href="http://www.dreamdu.com/exe/1.html">链接到1.html</a>
<a href="http://www.dreamdu.com/exe/first/2.html">链接到2.html</a>
<a href="http://www.dreamdu.com/exe/first/3.html">链接到3.html</a>
<a href="http://www.dreamdu.com/exe/first/second/4.html">链接到4.html</a>

根目录

使用根目录的方式表示的路径和绝对路径的表示方式相似，去掉前面的域名就可。

比如：

<a href="/exe/1.html">链接到1.html</a>
<a href="/exe/first/2.html">链接到2.html</a>

猴子提示: 使用根目录和绝对路径的好处是表示路径比较简单，都是从网站的最开始目录里查找，一级一级的向下查。缺点是程序不容易移植(比如把网站做为另一个网站的一个栏目，移动到一个新的文件夹中就不行了。)

参考：
http://www.dreamdu.com/webbuild/relativepath_vs_absolutepath/

C++中相对路径与绝对路径以及斜杠与反斜杠的区别|\\在C++的字符串中才表示一个打印字符\