更新時(shí)間:2022年12月12日17時(shí)28分 來源:傳智教育 瀏覽次數(shù):
在計(jì)算機(jī)查找網(wǎng)頁(yè)文檔時(shí),計(jì)算機(jī)需要明確該網(wǎng)頁(yè)文檔所在位置。我們把網(wǎng)頁(yè)文檔所在的位置稱為路徑。網(wǎng)頁(yè)中的路徑分為絕對(duì)路徑和相對(duì)路徑兩種,具體介紹如下:
(1)絕對(duì)路徑
絕對(duì)路徑就是網(wǎng)頁(yè)上的文檔或目錄在盤符(即C盤、D盤等)中的真正路徑,例如“D:\案例源碼\chapter02limagesbannerl.jpg”就是一個(gè)盤符中的絕對(duì)路徑。再如完整的網(wǎng)絡(luò)地址
"http://www.zcool.com.cn/images/logo.gif"。
(2)相對(duì)路徑
相對(duì)路徑就是相對(duì)于當(dāng)前文檔的路徑。相對(duì)路徑?jīng)]有盤符,通常是以HTML網(wǎng)頁(yè)文檔為起點(diǎn),通過層級(jí)關(guān)系描述目標(biāo)圖像的位置。相對(duì)路徑的設(shè)置分為以下三種。
·圖像和HTML.文檔位于同一文件夾:設(shè)置相對(duì)路徑時(shí),只需輸入圖像的名稱即可,例如<img sre="logo.gif" />
·圖像位于HTML.文檔的下一級(jí)文件夾:設(shè)置相對(duì)路徑時(shí),輸入文件夾名和圖像名,之間用“/”隔開,例如<img sre="img/img01/logo.gif”/>
·圖像位于HTML.文檔的上一級(jí)文件夾:設(shè)置相對(duì)路徑時(shí),在圖像名之前加入“./”,如果是上兩級(jí),則需要使用“././”,依此類推,例如<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ú)法正常顯示圖像。
北京校區(qū)