相對路徑絕對路徑

前兩天突然發現自己一直以來對相對路徑絕對路徑的理解都是錯的，於是趕緊查了相關資料。

1.絕對路徑

絕對路徑是指檔案在硬碟上真正存在的路徑。例如「bg.jpg」這個是存放在硬碟的「e:\book\網頁布局\**\第2章」目錄下，那麼「bg.jpg」這個的絕對路徑就是「e:\book\網頁布局\**\第2章\bg.jpg"。那麼如果要使用絕對路徑指定網頁的背景就應該使用以下語句：

2.使用絕對路徑的缺點

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

3.相對路徑

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

舉個例子，假設「s1.html」檔案所在目錄為「e:\book\網頁布局\**\第2章」，而「bg.jpg」所在目錄為「e:\book\網頁布局\**\第2章\img」，那麼「bg.jpg」相對於「s1.html」檔案來說，是在其所在目錄的「img」子目錄裡，則引用的語句應該為：

注意：相對路徑使用「/」字元作為目錄的分隔字元，而絕對路徑可以使用「\」或「/」字元作為目錄的分隔字元。由於「img」目錄是「第2章」目錄下的子目錄，因此在「img」前不用再加上「/」字元。

在相對路徑裡常使用「../」來表示上一級目錄。如果有多個上一級目錄，可以使用多個「../」，例如「代表上上級目錄。假設「s1.html」檔案所在目錄為「e:\book\網頁布局\**\第2章」，而「bg.jpg」所在目錄為「e:\book\網頁布局\**」，那麼「bg.jpg」相對於「s1.html」檔案來說，是在其所在目錄的上級目錄裡，則引用的語句應該為：

再舉乙個例子，假設「s1.htm」檔案所在目錄為「e:\book\網頁布局\**\第2章」，而「bg.jpg」所在目錄為「e:\book\網頁布局\**\img」，那麼「bg.jpg」相對於「s1.htm」檔案來說，是在其所在目錄的上級目錄裡的「img」子目錄裡，則引用的語句應該為：

總結同乙個目錄的檔案引用

如果原始檔和引用檔案在同乙個目錄裡，直接寫引用檔名即可。

我們現在建乙個原始檔info.html，在info.html裡要引用index.html檔案作為超連結。