更新時間:2022年12月12日17時28分 來源:傳智教育 瀏覽次數(shù):
在計算機查找網頁文檔時,計算機需要明確該網頁文檔所在位置。我們把網頁文檔所在的位置稱為路徑。網頁中的路徑分為絕對路徑和相對路徑兩種,具體介紹如下:
(1)絕對路徑
絕對路徑就是網頁上的文檔或目錄在盤符(即C盤、D盤等)中的真正路徑,例如“D:\案例源碼\chapter02limagesbannerl.jpg”就是一個盤符中的絕對路徑。再如完整的網絡地址
"http://www.zcool.com.cn/images/logo.gif"。
(2)相對路徑
相對路徑就是相對于當前文檔的路徑。相對路徑沒有盤符,通常是以HTML網頁文檔為起點,通過層級關系描述目標圖像的位置。相對路徑的設置分為以下三種。
·圖像和HTML.文檔位于同一文件夾:設置相對路徑時,只需輸入圖像的名稱即可,例如<img sre="logo.gif" />
·圖像位于HTML.文檔的下一級文件夾:設置相對路徑時,輸入文件夾名和圖像名,之間用“/”隔開,例如<img sre="img/img01/logo.gif”/>
·圖像位于HTML.文檔的上一級文件夾:設置相對路徑時,在圖像名之前加入“./”,如果是上兩級,則需要使用“././”,依此類推,例如<img sre=”../logo.gif”/>
值得一提的是,網頁中并不推薦使用絕對路徑,因為網頁制作完成之后我們需要將所有的文檔上傳到服務器。因此很有可能不存在“D:\案例源碼\chapter02\images\bannerl.jpg”這樣一個很精準的路徑,網頁也就無法正常顯示圖像。