2023-05-21 分類: 網(wǎng)站建設(shè)
網(wǎng)站制作中相對和絕對路徑的分析:
什么是相對路徑?什么是絕對路徑呢?為什么使用了絕對路徑有時就不能顯示呢?
那就讓我們一起來認(rèn)識一下它們吧!
比如C盤的My Pictures目錄下有一個tp.jpg圖像,那么它的路徑就是c:\My pictures\tp.jpg,其實這種完整地描述文件位置的路徑就是絕對路徑。如網(wǎng)頁index.htm中有一張圖片tp.jpg,它們的絕對路徑是:
c:\My pictures\index.htm
c:\My pictures\tp.jpg
如果你使用了絕對路徑c:\My pictures\tp.jpg進(jìn)行圖片鏈接,那么在本地電腦中將一切正常,因為在c:\My pictures下的確存在tp.jpg這個圖片。但你將它們上傳到網(wǎng)站服務(wù)器上后,就不會正常了,因為服務(wù)器給你劃分的存放空間可能在C盤其他目錄中, 也可能在D盤其他目錄中,總之不會那么巧的就是c:\My pictures。那么圖片路徑應(yīng)該如何設(shè)置呢?這里就必須使用相對路徑了,所謂相對路徑,顧名思義就是自己相對與目標(biāo)位置。在上例中index.htm 中連接的tp.jpg就可以使用My pictures\tp.jpg來定位文件,這樣不論將這些文件放到哪里,只要它們的相對關(guān)系沒有變,就不會出錯。具體的鏈接方式是這樣的:“..\My pictures\img.jpg”,其中使用“..\”來表示上一級目錄,“..\..\”表示上上級的目錄,以此類推。
我們一起來看看初學(xué)的朋友可能犯的幾個路徑錯誤:
例1
c:\mywed\wed\index.htm
c:\mywed\img\tp.jpg
在此例中,index.htm網(wǎng)頁中有tp.jpg這個圖片,因為兩個文件同在Mywed目錄下,所以初學(xué)者可能把圖片鏈接寫為img\tp.jpg, 那么這樣實際的鏈接就變?yōu)榱薈:\mywed\wed\img\tp.jpg,顯然這是不正確的。正確的路徑應(yīng)該是相對路徑..\img\tp.jpg。
例2
c:\mywed\wed\wed1\index.htm
c:\mywed\img\img1\tp.jpg
在此例中,index.htm網(wǎng)頁中有tp.jpg這個圖片,初學(xué)者可能錯誤的把圖片鏈接寫為..\img\img1\tp.jpg,那么這樣轉(zhuǎn)為絕對 路徑就是C:\mywed\wed\img\img1\tp.jpg了,因為在該目錄下并沒有此文件,所以顯然這種鏈接是錯誤的。正確的應(yīng)該是..\.. \img\img1\tp.jpg。
例3
c:\mywed\wed\wed\index.htm
c:\mywed\wed\img\tp.jpg
在此例中,index.htm網(wǎng)頁中有tp.jpg這個圖片,初學(xué)者可能錯誤地把圖片鏈接寫為..\..\img\tp.jpg,那么這樣轉(zhuǎn)為絕對路徑 就是C:\mywed\img\tp.jpg了,因為在該目錄下并沒有此文件,所以顯然這種鏈接是錯誤的。正確的應(yīng)該是..\img\tp.jpg。
通過上面三個例子,我們可以看到網(wǎng)頁與圖片所在目錄相同的部分都可以使用“..”進(jìn)行代替。
有的讀者可能會有這樣的疑惑:一個網(wǎng)站有許多的鏈接,我怎么能保證它們的連接都正確,如果我調(diào)整了一下圖片或網(wǎng)頁的存儲路徑,那不是全亂了么?為了提高 工作效率,我們推薦大家使用Dreamweaver進(jìn)行網(wǎng)站編輯,因為它有個站點管理功能,使用該功能絕對路徑可以自動地轉(zhuǎn)化為相對路徑,并且當(dāng)你在站點 中改動文件路徑時,與這些文件關(guān)聯(lián)的連接路徑都會自動更改,實在是方便極了!
本文名稱:重慶網(wǎng)站制作中相對和絕對路徑的分析
路徑分享:http://m.rwnh.cn/news27/260327.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、小程序開發(fā)、品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站制作、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容