絕對路徑和相對路徑

2021-06-26 00:35:54 字數 1654 閱讀 2663

一.絕對路徑

絕對路徑:是指檔案在硬碟上真正存在的路徑。

例如:「bg.jpg」這個是存放在硬碟的「e:\book\網頁布局**\第2章」目錄下,

那麼「bg.jpg」這個的絕對路徑就是「e:\book\網頁布\**\第2章\bg.jpg"。 那麼 如果要使用絕對路徑指定網頁的背景就應該使用以下語句: 注意:使用絕對路徑的缺點

事實上,在網頁程式設計時,很少會使用絕對路徑,如果使用「e:\book\網頁布\**\第2章\bg.jpg」來指定背景的位置,在自己的計算機上瀏覽可能會一切正常,但是上傳到web伺服器上瀏覽就很有可能不會顯示了。因為上傳到web伺服器上時,可能整個**並沒有放在web伺服器的e盤,有可能是d盤或h盤。即使放在web伺服器的e盤裡,web伺服器的e盤裡也不一定會存在「e:\book\網頁布局\**\第2章」這個目錄,因此在瀏覽網頁時是不會顯示的。

二.相對路徑

相對路徑:就是相對於自己的目標檔案位置。(為了避免這種隋況發生,通常在網頁裡指定檔案時,都會選擇使用相對路徑) 

相對路徑目錄的分隔字元-------使用「/」字元。

相對路徑裡上一級目錄----------使用「../」字元(如果有多個上一級目錄,可以使用多個「../」,例如「../../」代表上上級目錄。)。

絕對路徑目錄的分隔字元-------使用「\」或「/」字元。 

1.在同乙個目錄上:

上面的例子,「s1.htm」檔案裡引用了「bg.jpg」,由於「bg.jpg」相對於「s1.htm」來說,是在同乙個目錄的,那麼要在「s1.htm」檔案裡使用以下**後,只要這兩個檔案的相對位置沒有變(也就是說還是在同乙個目錄內),那麼無論上傳到web伺服器的哪個位置,在瀏覽器裡都能正確地顯示。       

2.在不同的目錄上:

(1)目標檔案在其「子目錄」下

假設「s1.htm」檔案所在目錄為「e:\book\網頁布局\**\第2章」, 而「bg.jpg」所在目錄為「e:\book\網頁布局\**\第2章\img」,

注意:由於「img」目錄是「第2章」目錄下的子目錄,因此在「img」前不用再加上「/」字元。  

(2)目標檔案在其「上一級目錄」上

假設「s1.htm」檔案所在目錄為「e:\book\網頁布局\**\第2章」, 而「bg.jpg」所在目錄為「e:\book\網頁布局\**」,

(3)目標檔案在其「上一級目錄」的「子目錄」裡

假設「s1.htm」檔案所在目錄為「e:\book\網頁布局\**\第2章」, 而「bg.jpg」所在目錄為「e:\book\網頁布局\**\img」,

那麼「bg.jpg」相對於「s1.htm」檔案來說,是在其所在目錄的上級目錄裡的「img」子目錄裡,則引用的語句應該為:       

三.相對虛擬目錄

相對虛擬目錄:乙個比較特殊的表示:請看下面的例子:       

在這個例子裡,background屬性的值為「/img/bg.jpg」,注意在「img」前有乙個「/」字元。這個「/」代表的是虛擬目錄的根目錄. 假設把「e:\book\網頁布局\**」設為虛擬目錄,

那麼「/img/bg.jpg」的真實路徑為「e:\book\網頁布局\**\img\bg.jpg」; 如果把「e:\book\網頁布局\**\第2章」設為虛擬目錄,

那麼「/img/bg.jpg」的真實路徑為「e:\book\網頁布局\**\第2章\img\bg.jpg」 

相對路徑絕對路徑

前兩天突然發現自己一直以來對相對路徑絕對路徑的理解都是錯的,於是趕緊查了相關資料。1.絕對路徑 絕對路徑是指檔案在硬碟上真正存在的路徑。例如 bg.jpg 這個是存放在硬碟的 e book 網頁布局 第2章 目錄下,那麼 bg.jpg 這個的絕對路徑就是 e book 網頁布局 第2章 bg.jpg...

絕對路徑 相對路徑

一 基本概念 1 相對路徑 相對於當前檔案的路徑。網頁中表示路徑一般使用這個方法。二 相對路徑常見的寫法 代表目前所在的目錄。開頭 代表根目錄。根目錄下有test1資料夾和image image1.jpg,test1下有index1.html檔案和test2資料夾。test2資料夾下有index2....

相對路徑和絕對路徑

表示原始檔所在目錄的上一級目錄,表示原始檔所在目錄的上上級目錄,以此類推。假設info.html路徑是 c inetpub wwwroot sites blabla info.html 假設index.html路徑是 c inetpub wwwroot sites index.html index....