相对路径和绝对路径的区别

你在自己的电脑上创建了一个名字为WEB的文件夹用于来存放所有的网页文件，WEB文件夹中有一个index.htm的网页文件和一个名字为01的文件夹，其中01文件夹里面有一个名字为1.htm的网页文件。

那么现在我在index.htm上有一个链接描述的连接是指向网页文件1.htm的，那么我们可以通过相对链接的形式来实现，在index.htm文件的源码中链接描述应该是：<a href="01/1.htm">链接描述</a> 其中 01/1.htm 就是1.htm相对于index.htm的路径。那么从1.htm链接向index.htm，这样的路径描述应该怎么写呢？首先请大家看一下代码：<a href="../index.htm">链接描述</a> 大家会看到链接路径中出现了两个点，这里我们使用了父路径，两点的意思是返回上一级文件夹，依次类推，返回多少个上一级文件夹就应该出现多少个两点。到这里相对路径就已经解释完毕了。

下面来解释一下绝对路径的问题。

比如你现在有一个虚拟主机，这个虚拟主机绑定的域名是 www.jianzhan8.cn ，那么你就可以在浏览器里通过输入http://www.jianzhan8.cn 来访问你的网站了。先在我们把上面的例子中的网页文件全部上传到虚拟主机中，那么我们得出index.htm在因特网上的绝对地址是 http://www.jianzhan8.cn/index.htm,网页文件1.htm的绝对地址就是http://www.jianzhan8.cn/01/1.htm，由index.htm链接描述指向1.htm使用绝对路径的代码写法是
<a href="http://www.jianzhan8.cn/01/1.htm">链接描述</a> ，由1.htm链接描述指向index.htm使用绝对路径的代码写法是 <a href="http://www.jianzhan8.cn/index.htm">链接描述</a>。

关于路径使用的建议

如果是站内文件，建议使用相对路径，因为它比绝对路径的代码短，另外相对位置也比较容易找，使网站维护比较方便。至于绝对路径，一般是做外部资源链接的时候才使用的。

补充：网页制作,Dreamweaver