绝对路径和相对路径

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



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

       d:/mfisp/exe/1.html

       d:/mfisp/exe/first/2.html

       d:/mfisp/exe/first/3.html

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



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

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

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

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

       <a href="http://www.mfisp.com/exe/first/second/4.html">链接到4.html</a>
 
(责任编辑:zoe)

分享按钮