什么是絕對(duì)路徑和相對(duì)路徑？

在計(jì)算機(jī)查找網(wǎng)頁(yè)文檔時(shí)，計(jì)算機(jī)需要明確該網(wǎng)頁(yè)文檔所在位置。我們把網(wǎng)頁(yè)文檔所在的位置稱(chēng)為路徑。網(wǎng)頁(yè)中的路徑分為絕對(duì)路徑和相對(duì)路徑兩種，具體介紹如下：

(1)絕對(duì)路徑

絕對(duì)路徑就是網(wǎng)頁(yè)上的文檔或目錄在盤(pán)符(即C盤(pán)、D盤(pán)等)中的真正路徑，例如“D：\案例源碼\chapter02limagesbannerl.jpg”就是一個(gè)盤(pán)符中的絕對(duì)路徑。再如完整的網(wǎng)絡(luò)地址

"http://www.zcool.com.cn/images/logo.gif"。

(2)相對(duì)路徑

相對(duì)路徑就是相對(duì)于當(dāng)前文檔的路徑。相對(duì)路徑?jīng)]有盤(pán)符，通常是以HTML網(wǎng)頁(yè)文檔為起點(diǎn)，通過(guò)層級(jí)關(guān)系描述目標(biāo)圖像的位置。相對(duì)路徑的設(shè)置分為以下三種。

·圖像和HTML.文檔位于同一文件夾：設(shè)置相對(duì)路徑時(shí)，只需輸入圖像的名稱(chēng)即可，例如<img sre="logo.gif" />

·圖像位于HTML.文檔的下一級(jí)文件夾：設(shè)置相對(duì)路徑時(shí)，輸入文件夾名和圖像名，之間用“/”隔開(kāi)，例如<img sre="img/img01/logo.gif”/>

·圖像位于HTML.文檔的上一級(jí)文件夾：設(shè)置相對(duì)路徑時(shí)，在圖像名之前加入“./”，如果是上兩級(jí)，則需要使用“././”，依此類(lèi)推，例如<img sre=”../logo.gif”/>

值得一提的是，網(wǎng)頁(yè)中并不推薦使用絕對(duì)路徑，因?yàn)榫W(wǎng)頁(yè)制作完成之后我們需要將所有的文檔上傳到服務(wù)器。因此很有可能不存在“D:\案例源碼\chapter02\images\bannerl.jpg”這樣一個(gè)很精準(zhǔn)的路徑，網(wǎng)頁(yè)也就無(wú)法正常顯示圖像。