絕對路徑：
在我們平時使用計算機時要找到需要的文件就必須知道文件的位置，而表示文件的位置的方式就是路徑，例如只要看到這個路徑：c:/website/img/photo.jpg我們就知道photo.jpg文件是在c盤的website目錄下的img子目錄中。類似於這樣完整的描述文件位置的路徑就是絕對路徑。我們不需要知道其他任何信息就可以根據絕對路徑判斷出文件的位置。而在網站中類似以http://www.e3i5.net/img/photo.jpg來確定文件位置的方式也是絕對路徑。
在網站的應用中，通常我們使用"/"來表示根目錄，/img/photo.jpg就表示photo.jpg文件在這個網站的根目錄上的img目錄裏。但是這樣使用對於初學者來說是具有風險性的，因爲要知道這裏所指的根目錄並不是你的網站的根目錄，而是你的網站所在的服務器的根目錄，因此當網站的根目錄與服務器根目錄不同時，就會發生錯誤。
相對路徑：
分析一下爲什麼會發生圖片不能正常顯示的情況。舉一個例子，現在有一個頁面index.htm,在這個頁面中聯接有一張圖片photo.jpg。他們的絕對路徑如下：
c:/website/index.htm
c:/website/img/photo.jpg
如果你使用絕對路徑c:/website/img/photo.jpg，那麼在自己的計算機上將一切正常，因爲確實可以在指定的位置即c:/website/img/photo.jpg上找到photo.jpg文件，但是當你將頁面上傳到網站的時候就很可能會出錯了，因爲你的網站可能在服務器的c盤，可能在d盤，也可能在aa目錄下，更可能在bb目錄下，總之沒有理由會有c:/website/img/photo.jpg這樣一個路徑。那麼，在index.htm文件中要使用什麼樣的路徑來定位photo.jpg文件呢？對，應該是用相對路徑，所謂相對路徑，顧名思義就是自己相對與目標位置。在上例中index.htm中聯接的photo.jpg可以使用img/photo.jpg來定位文件，那麼不論將這些文件放到哪裏，只要他們的相對關係沒有變，就不會出錯。
另外我們使用“../”來表示上一級目錄，“../../”表示上上級的目錄，以此類推。（學習過dos的朋友可能更容易理解）
再看幾個例子，注意所有例子中都是index.htm文件中聯接有一張圖片photo.jpg。
例：
c:/website/web/index.htm
c:/website/img/photo.jpg
在此例中index.htm中聯接的photo.jpg應該怎樣表示呢？
錯誤寫法：img/photo.jpg
這種寫法是不正確的，在此例中，對於index.htm文件來說img/photo.jpg所代表的絕對路徑是：c:/website/web/img/photo.jpg，顯然不符合要求。
正確寫法：使用../img/photo.jpg的相對路徑來定位文件
例：
c:/website/web/xz/index.htm
c:/website/img/images/photo.jpg
在此例中index.htm中聯接的photo.jpg應該怎樣表示呢？
錯誤寫法：../img/images/photo.jpg
這種寫法是不正確的，在此例中對於index.htm文件來說../img/images/photo.jpg所代表的絕對路徑是：c:/website/web/img/images/photo.jpg。
正確寫法：可以使用../../img/images/photo.jpg的相對路徑來定位文件
例：
c:/website/web/xz/index.htm
c:/website/web/img/photo.jpg
在此例中index.htm中聯接的photo.jpg應該怎樣表示呢？
錯誤寫法：../../img/photo.jpg
這種寫法是不正確的，在此例中對於index.htm文件來說../../img/photo.jpg所代表的絕對路徑是：c:/website/img/photo.jpg。
正確寫法：可以使用../img/photo.jpg的相對路徑來定位文件
總結：通過以上的例子可以發現，在把絕對路徑轉化爲相對路徑的時候，兩個文件絕對路徑中相同的部分都可以忽略，不做考慮。只要考慮他們不同之處就可以了。
詳細出處參考：http://www.jb51.net/article/1105.htm