云南网站建设创新企业 昆明多彩网络公司

相对路径、根路径、绝对路径的区别?

来源：昆明多彩网络公司 日期：2010-10-23 阅读： 发表评论

区别是什么呢？先给出一个网站结构图做实例加深理解，A网站（域名为http://www.a.com）：/include/a-test.html，/img/a-next.jpg；B网站（域名为http://www.b.com）：/include/b-test.html，/img/b-next.jpg。

1. 相对路径是从引用的网页文件本身开始构建的，如果在A网站中的a-test.html中要插入图片a-next.jpg，可以这样做:<img src="../img/a-next.jpg" />，重点是img前面的../，表示从html处于的include开始起步，输入一个../表示回到上面一级父文件夹下，然后再接着img/表示又从父级文件夹下的img文件开始了，最后定位img下面的next.jpg。
2. 根路径是从网站的最底层开始起，一般的网站的根目录就是域名下对应的文件夹，就如D盘是一个网站，双击D盘进入到D盘看到的就是网站的根目录，这种路径的链接样式是这样的：如果在A网站中的a-test.html中要插入图片a-next.jpg，可以这样做:<img src="/img/a-next.jpg" >，以/开头表示从网站根目录算起，找到根目录下面的img文件夹下的next.jpg。
3. 绝对路径就很好理解了，这种路径一般带有网站的域名，如果在A网站中的a-test.html中要插入图片a-next.jpg，需要这样这样写:<img src="http://www.a.com/img/a-next.jpg" >，将图片路径上带有了域名信息，再打个比方：如果在A网站中的a-test.html中要插入B网站的图片b-next.jpg，就需要这样写：<img src="http://www.b.com/img/b-next.jpg" >，这种方法适用与在不同网站之间插入外部网站的图片。

注：这种方式适用任何的网页元素，图片、超级链接、flash、音频、视频、frame网页等等。