相對路徑、根路徑、絕對路徑的區(qū)別?

來源：昆明多彩網(wǎng)絡(luò)公司 日期：2010-10-23 閱讀： 發(fā)表評論

區(qū)別是什么呢？先給出一個網(wǎng)站結(jié)構(gòu)圖做實例加深理解，A網(wǎng)站（域名為http://www.a.com）：/include/a-test.html，/img/a-next.jpg；B網(wǎng)站（域名為http://www.b.com）：/include/b-test.html，/img/b-next.jpg。

1. 相對路徑是從引用的網(wǎng)頁文件本身開始構(gòu)建的，如果在A網(wǎng)站中的a-test.html中要插入圖片a-next.jpg，可以這樣做:<img src="../img/a-next.jpg" />，重點是img前面的../，表示從html處于的include開始起步，輸入一個../表示回到上面一級父文件夾下，然后再接著img/表示又從父級文件夾下的img文件開始了，最后定位img下面的next.jpg。
2. 根路徑是從網(wǎng)站的最底層開始起，一般的網(wǎng)站的根目錄就是域名下對應(yīng)的文件夾，就如D盤是一個網(wǎng)站，雙擊D盤進入到D盤看到的就是網(wǎng)站的根目錄，這種路徑的鏈接樣式是這樣的：如果在A網(wǎng)站中的a-test.html中要插入圖片a-next.jpg，可以這樣做:<img src="/img/a-next.jpg" >，以/開頭表示從網(wǎng)站根目錄算起，找到根目錄下面的img文件夾下的next.jpg。
3. 絕對路徑就很好理解了，這種路徑一般帶有網(wǎng)站的域名，如果在A網(wǎng)站中的a-test.html中要插入圖片a-next.jpg，需要這樣這樣寫:<img src="http://www.a.com/img/a-next.jpg" >，將圖片路徑上帶有了域名信息，再打個比方：如果在A網(wǎng)站中的a-test.html中要插入B網(wǎng)站的圖片b-next.jpg，就需要這樣寫：<img src="http://www.b.com/img/b-next.jpg" >，這種方法適用與在不同網(wǎng)站之間插入外部網(wǎng)站的圖片。

注：這種方式適用任何的網(wǎng)頁元素，圖片、超級鏈接、flash、音頻、視頻、frame網(wǎng)頁等等。