相对路径概念详解(图),HTML基础

先祝大家国庆节快乐！今天各位都玩儿得很开心吧？我们这里已经有秋天的凉意了。
相对路径这个概念，在制作网页中极常碰到，比如超链接、连接图片、背景音乐、CSS文件、JS文件、数据库等等，都要了解相对路径的概念。为此，今天专门写篇专题，为了以后引用方便。

什么是相对路径？相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。使用相对路径可以为我们带来非常多的便利。下面举实例详解：

一、例如在本地硬盘有如下两文件，它们要互做超链接
G:\site\index.htm
G:\site\web\article\01.htm
如下图：



index.htm要想链接到01.htm这个文件，正确的链接应该是：<a href=web/article/01.htm>链接文字</a>，这是标准的相对路径。

反过来，01.htm要想链接到index.htm这个文件，在01.htm文件里面应该写上这句：<a href=../../index.htm>返回首页</a>。这里的../表示向上一级。

至此，你已经了解相对路径的概念了，就是这样简单明了。如果你还是没有看明白，以前学过DOS吗？它的“CD 文件夹名”和“CD..”命令用过吗？这是同理的。

注意：相对路的文件夹符号是斜杠：/
<a href=/web/article/01.htm>链接文字</a>这样的链接，在href后面的第一个斜杠表示根目录，通常我们要特别慎用这种方式。

二、什么是绝对路径？

在www中(广域网)，以http开头的链接都是绝对路径。

三、什么是物理路径？

物理路径指的是某一台计算机本地的路径，以盘符开头，例如C:\、D:\temp等等。ASP的数据库连接中，只能连接物理路径，而不能连接相对路径，所以需要用server.mappath对象把相对路径转化成物理路径。