谷澍设计出品
扫描关注网站建设微信公众账号

扫一扫微信二维码

网站源码中的绝对路径和相对路径的意义

谷澍网域2017-01-24经验之谈

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

 

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

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.html3.html在同一个文件夹下, 如果2.html链接到3.html,可以在2.html中这样写:

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

 

如何表示上级目录的文件

1.html2.html3.html的上级目录中的文件,如果2.html3.html链接到1.html,可以在2.html3.html中这样写

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

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

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

 

如何表示下级目录的文件

2.html3.html1.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)——以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。

 

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

<a href="http://www.gushu.cc/exe/1.html">链接到1.html</a>

<a href="http://www.gushu.cc/exe/first/2.html">链接到2.html</a>

<a href="http://www.gushu.cc/exe/first/3.html">链接到3.html</a>

<a href="http://www.gushu.cc/exe/first/second/4.html">链接到4.html</a>

文章关键词