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>
../
代表一级上级目录(间隔一个目录)
http://www.cnblogs.com/
代表二级上级目录(间隔两个目录),比如4.html链接到1.html,可以在4.html中这样写
<a
href
=
"http://www.cnblogs.com/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>
根目录
使用根目录的方式表示的路径和绝对路径的表示方式相似,去掉前面的域名就可。
比如:
<a
href
=
"/exe/1.html"
>
链接到1.html</a>
<a
href
=
"/exe/first/2.html"
>
链接到2.html</a>
猴子提示: 使用根目录和绝对路径的好处是表示路径比较简单,都是从网站的最开始目录里查找,
一级一级的向下查。缺点是程序不容易移植(比如把网站做为另一个网站的一个栏目,
移动到一个新的文件夹中就不行了。)