網頁製作絕對路徑與相對路徑的區別

2022-09-20 13:18:14 字數 2112 閱讀 4080

1.絕對路徑

先說在本地計算機上,檔案的絕對路徑當然是指:檔案在硬碟上真正存在的路徑。

例如這個路徑:d:/wamp/www/img/icon.jpg告訴我們icon.jpg檔案是在d盤的wamp目錄下的img子目錄中。我們不需要知道其他任何資訊就可以根據絕對路徑判斷出檔案的位置。

還有超連結檔案位置,也屬於絕對路徑,例如 。

注意:有時候編好的頁面,在自己的計算機上瀏覽一切正常,但是上傳到web伺服器上瀏覽就很有可能不會顯示了。因為靜態html頁面需要上傳到**,而在**的應用中,通常我們使用"/"來表示根目錄,/img/icon.jpg就表示photo.jpg檔案在這個**的根目錄上的img目錄裡。但是要知道,這裡所指的根目錄並不是你的**的根目錄,而是你的**所在的web伺服器的根目錄。因為上傳到web伺服器上時,可能整個**並沒有放在web伺服器的d盤, 有可能是f盤或h盤。即使放在web伺服器的d盤裡,web伺服器的e盤裡也不一定會存在「d:/wamp/www/img」這個目錄,因此在瀏覽網頁時是不會顯示的。這也程式設計客棧是應用絕對路徑的風險。

2.相對路徑

相對路徑,顧名思義就是自己相對與目標位置。

假設 你要引入檔案的頁面名稱為te程式設計客棧st.htm,它存在叫www的資料夾裡(絕對路徑d:/wamp/www/test.htm),那麼引用同時存在www資料夾裡的「icon.jpg」檔案(絕對路徑d:/wamp/www/icon.jpg),同一目錄下相對路徑icon.jpg;如果檔案「icon.jpg」存在img文資料夾中(絕對路徑d:/wamp/www/img/icon.jpg),那麼相對路徑img/icon.jpg。

相對路徑可以避免上述根目錄不同的問題。只要將網頁檔案及引用檔案的相對位置與web伺服器上檔案相對位置儲存一致,那麼他們的相對路徑也會一致。例如上面的例子,「test.htm」 檔案裡引用了「icon.jpg」,由於「icon.jpg」相對於「test.htm」來說,是在同乙個目錄的,那麼只要這兩個檔案還是在同乙個目錄內,那麼無論上傳到web伺服器的哪個位置,在瀏覽器裡都能正確地顯示。

注意:相對路徑使用「/」字元作為目錄的分隔字元,而絕對路徑可以使用「\」或「/」字元作為目錄的分隔字元。由於「img&rdwww.cppcns.comquo;目錄是「www」目錄下的子目錄,因此在「img」前不用再加上「/」字元。

在 相對程式設計客棧路徑裡常使用「../」來表示上一級目錄。如果有多個上一級目錄,可以使用多個「../」。假設 「test.htm」檔案所在目錄為「d:/wamp/www/test.htm」,而「icon.jpg」所在目錄為「d:/wamp/www」,那 麼「icon.jpg」相對於「test.htm」檔案來說,是在其所在目錄的上級目錄裡,則引用的語句應該為:

假設 「test.htmnynalpjz」檔案所在目錄為「d:/wamp/www/test.htm」,而「icon.jpg」所在目錄為「d:/wamp/www」,那 麼「icon.jpg」相對於「test.htm」檔案來說,是在其所在目錄的上級目錄裡的子目錄——「img」中,則引用的語句應該為:

3.虛擬路徑

將檔案上傳到遠端伺服器後,這些檔案駐留在伺服器本地目錄樹中的某乙個資料夾中。例如,在執行microsoftiis的伺服器上,主頁的路徑可能如下所示:c:\inetpub\wwwroot\accounts\users\jsmith\index2.htm此路徑通常稱為檔案的物理路徑。但是,用來開啟檔案的url並不使用物理路徑。它使用伺服器名稱或網域名稱,後接虛擬路徑( 這裡說一下虛擬目錄:虛擬目錄,是對http訪問而言的,使用者在瀏覽**或fpt時顯示的目錄結構。例如你設定了e:\website為訪問目錄,那麼e:\website為虛擬目錄的根目錄;e:\website\image,就變成了\image. )。所以接上面的例子,虛擬路徑可以寫成

整理一下

「./」 代表當前目錄

等同於「../」 代表上一級目錄

「/」 當前根目錄,是相對目錄;

「~/」 web 應用程式根目錄。asp.net 啟用了 web 應用程式根目錄運算子 (~),在伺服器控制項中指定路徑時,可以使用該運算子。asp.net 會將 ~ 運算子解析為當前應用程式的根目錄。可以結合使用 ~ 運算子和資料夾來指定基於當前根目錄的路徑。在該示例中,影象檔案將從 web 應用程式根目錄下的 images 資料夾中直接讀取,無論該頁面位於**的什麼位置。

本文標題: 網頁製作絕對路徑與相對路徑的區別

本文位址:

相對路徑與絕對路徑

相對路徑 以引用檔案之網頁所在位置為參考基礎,而建立出的目錄路徑。因此,當儲存於不同目錄的網頁引用同乙個檔案時,所使用的路徑將不相同,故稱之為相對。絕對路徑 以web站點根目錄為參考基礎的目錄路徑。之所以稱為絕對,意指當所有網頁引用同乙個檔案時,所使用的路徑都是一樣的。其實絕對路徑與相對路徑的不同處...

相對路徑與絕對路徑

相對路徑與絕對路徑 絕對路徑 舉例.c盤中windows目錄中system32中的ias資料夾,即c windows system32 ias 相對路徑 舉例。c盤中windows目錄中system32中的ias資料夾和c盤中windows目錄中system32中的0409資料夾,ias相對於040...

絕對路徑與相對路徑

無論是在windows還是linux作業系統下,絕對路徑和相對路徑都是很重要的概念,也是許多初學者迷惑的地方,下面我們就這兩個概念進行介紹。絕對路徑 由根目錄 開始寫起的檔名或者目錄名稱,例如 home student 相對路徑 相對於目前路徑的檔名寫法。例如.home student或者.home...