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

  • 发布于:2019-07-09
  • 197 人围观

  您在自己的电脑上创建了一个名字为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>。

  关于路径使用的建议

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

万企互联
标签: