網站制作中相對和絕對路徑的分析：

什么是相對路徑？什么是絕對路徑呢？為什么使用了絕對路徑有時就不能顯示呢？
那就讓我們一起來認識一下它們吧！

比如C盤的My Pictures目錄下有一個tp.jpg圖像，那么它的路徑就是c:\My pictures\tp.jpg，其實這種完整地描述文件位置的路徑就是絕對路徑。如網頁index.htm中有一張圖片tp.jpg，它們的絕對路徑是：

c:\My pictures\index.htm

c:\My pictures\tp.jpg

如果你使用了絕對路徑c:\My pictures\tp.jpg進行圖片鏈接，那么在本地電腦中將一切正常，因為在c:\My pictures下的確存在tp.jpg這個圖片。但你將它們上傳到網站服務器上后，就不會正常了，因為服務器給你劃分的存放空間可能在C盤其他目錄中， 也可能在D盤其他目錄中，總之不會那么巧的就是c:\My pictures。那么圖片路徑應該如何設置呢？這里就必須使用相對路徑了，所謂相對路徑，顧名思義就是自己相對與目標位置。在上例中index.htm 中連接的tp.jpg就可以使用My pictures\tp.jpg來定位文件，這樣不論將這些文件放到哪里，只要它們的相對關系沒有變，就不會出錯。具體的鏈接方式是這樣的：“..\My pictures\img.jpg”，其中使用“..\”來表示上一級目錄，“..\..\”表示上上級的目錄，以此類推。

我們一起來看看初學的朋友可能犯的幾個路徑錯誤：

例1

c:\mywed\wed\index．htm

c:\mywed\img\tp．jpg

在此例中，index.htm網頁中有tp.jpg這個圖片，因為兩個文件同在Mywed目錄下，所以初學者可能把圖片鏈接寫為img\tp.jpg， 那么這樣實際的鏈接就變為了C:\mywed\wed\img\tp.jpg，顯然這是不正確的。正確的路徑應該是相對路徑..\img\tp.jpg。

例2

c:\mywed\wed\wed1\index．htm

c:\mywed\img\img1\tp．jpg

在此例中，index.htm網頁中有tp.jpg這個圖片,初學者可能錯誤的把圖片鏈接寫為..\img\img1\tp.jpg，那么這樣轉為絕對 路徑就是C:\mywed\wed\img\img1\tp.jpg了，因為在該目錄下并沒有此文件，所以顯然這種鏈接是錯誤的。正確的應該是..\.. \img\img1\tp.jpg。

例3

c:\mywed\wed\wed\index．htm

c:\mywed\wed\img\tp．jpg

在此例中，index.htm網頁中有tp.jpg這個圖片，初學者可能錯誤地把圖片鏈接寫為..\..\img\tp.jpg，那么這樣轉為絕對路徑 就是C:\mywed\img\tp.jpg了，因為在該目錄下并沒有此文件，所以顯然這種鏈接是錯誤的。正確的應該是..\img\tp.jpg。

通過上面三個例子，我們可以看到網頁與圖片所在目錄相同的部分都可以使用“..”進行代替。

有的讀者可能會有這樣的疑惑：一個網站有許多的鏈接，我怎么能保證它們的連接都正確，如果我調整了一下圖片或網頁的存儲路徑，那不是全亂了么？為了提高 工作效率，我們推薦大家使用Dreamweaver進行網站編輯，因為它有個站點管理功能，使用該功能絕對路徑可以自動地轉化為相對路徑，并且當你在站點 中改動文件路徑時，與這些文件關聯的連接路徑都會自動更改，實在是方便極了！

本文名稱：重慶網站制作中相對和絕對路徑的分析
路徑分享：http://www.js-pz168.com/news27/260327.html

成都網站建設公司_創新互聯，為您提供全網營銷推廣、小程序開發、品牌網站建設、網站內鏈、品牌網站制作、企業建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯