web相對路徑和絕對路徑的區別-前端開發(文件路徑,圖片路徑)

首先得明白相對路徑和絕對路徑的概念和區別:
相對路徑:
相對路徑就是指由這個文件所在的路徑引起的跟其它文件(或文件夾)的路徑關係。使用相對路徑可以爲我們帶來非常多的便利。(百度百科)
絕對路徑:
絕對路徑是指目錄下的絕對位置,直接到達目標位置,通常是從盤符開始的路徑。

完整的描述文件位置的路徑就是絕對路徑,以web站點根目錄爲參考基礎的目錄路徑。絕對路徑名的指定是從樹型目錄結構頂部的根目錄開始到某個目錄或文件的路徑,由一系列連續的目錄組成,中間用斜線分隔,直到要指定的目錄或文件,路徑中的最後一個名稱即爲要指向的目錄或文件。之所以稱爲絕對,意指當所有網頁引用同一個文件時,所使用的路徑都是一樣的。(百度百科

個人總結:
相對路徑簡而言之就是相對自己所在的目錄來引用其他文件(不是根目錄)。
絕對路徑就是相對根目錄(磁盤)開始,每個文件使用的路徑都是一樣的。

**下面我從web中最常用的html中的例子來說明相對路徑和絕對路徑的區別:
**1.絕對路徑
比如:
在這裏插入圖片描述
在這裏插入圖片描述
再來一個小例子:
比如在平時在使用計算機時要使用文件就得知道文件的位置,比如現在有一個文件index.html,要使用index.png這張圖片:
D:/websize/image/index.html
D:/websize/image/img/index.png
你使用路徑D:/websize/image/img/index.png就可以引用這張圖片,在你的計算機上一切正常,但真正開發的時候基本上不使用絕對路徑,因爲項目移植困難,在其他計算機上就訪問不到你的圖片(他的計算機上沒有你的圖片)。

2.相對路徑(實際使用推薦)
首先明白:
“. ./ 代表當前文件的上一級目錄
“./” 代表當前文件所在目錄

比如:
在這裏插入圖片描述
在這裏插入圖片描述
在來一個小例子:
比如你的E盤下面的WEB文件夾裏有兩個文件互相訪問。
E:/WEB/mar/img/index.html
E:/WEB/mar/image/ig/ip/pho.png
在這裏想要從index.html訪問pho.png,則路徑是. ./image/ig/ip/pho.png;
如果想反過來訪問index.html,則需要路徑是. ./. ./. ./img/index.html

如讀者發現錯誤請聯繫作者,感激不盡!!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章