云南網站建設創新企業 昆明多彩網絡公司

相對路徑、根路徑、絕對路徑的區別?

來源：昆明多彩網絡公司 日期：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網頁等等。