絕對路徑和相對路徑

了解絕對URL和相對URL路徑之間的差異

網頁設計的任何方面都不是超鏈接（通常簡稱為“鏈接”）的“以網絡為中心”。在網頁上創建鏈接並允許讀者輕鬆訪問其他內容的能力是將網站與其他通信媒體（如印刷媒體或廣播媒體）區分開來的特徵之一。

這些鏈接很容易添加到網頁中，並且可以鏈接到其他網頁，無論是在您的網站還是在網絡上的其他位置。您還可以鏈接到其他資源，如圖像，視頻或文檔。儘管如此，鏈接還是很容易添加的，它們也是許多新網頁設計人員首先難以理解的內容之一，特別是文件路徑的概念，絕對路徑與相對路徑的含義，以及當一個被用來代替另一個時。

在上述的每個鏈接實例中，您需要考慮如何連接到來自您網站的各種頁面或資源。具體來說，你需要決定你將寫什麼樣的URL路徑。在網頁設計中，有兩種標準方式可以創建鏈接和兩種可用的路徑：

絕對路徑使用引用Internet上特定位置的URL。這些路徑將包含一個域名作為鏈接路徑本身的一部分。這個網頁的絕對路徑的一個例子是：

https：//開頭WWW。 /網頁排版，101-3470009

當您想要指向不屬於您自己的域的Web元素時，您通常會採用絕對路徑。例如，如果我想在此鏈接到其他網站上的頁面，則需要將該鏈接的完整URL包括在內，因為我正在離開一個域（網頁設計）以轉到另一個域。該鏈接將簡單地將該網頁中的元素添加為用作該鏈接的“href”屬性值的URL。

因此，如果您要鏈接到任何“離站”的內容，您需要使用絕對路徑，但您自己的域上的頁面或資源又是如何？即使您鏈接到您自己的網站上的頁面，實際上也可以使用絕對路徑，但這不是必需的，根據您的開發環境，絕對路徑可能會導致問題。

例如，如果您有一個在創建網站時使用的開發環境，並且您將所有網址絕對編碼到該網址，那麼在網站上線時它們都需要進行更改。為避免此問題，任何本地資源的文件路徑應使用相對路徑。

相對路徑根據鏈接所處的頁面而變化 - 它們相對於它們所屬的頁面（因此是名稱）。如果您鏈接到自己網站上的頁面或該網站上“圖片”目錄內的圖片，則可能會使用相對路徑。與我們剛剛查看的絕對路徑不同，相對路徑不使用頁面的完整URL。

使用相對路徑創建鏈接有以下幾條規則：

如何確定相對路徑：

你會在這裡看到我們通過用正斜杠（/）開始該路徑來編寫相對路徑。該字符告訴瀏覽器轉到當前目錄的根目錄。從那裡，您可以添加您的特定資源需要的任何文件夾或文件名，深入到文件夾和文檔以最終登錄您想要鏈接的確切資源。

因此，總而言之 - 如果您“離線”連接，則您將使用包含完整路徑的絕對路徑，以連接任何想要連接的路徑。如果您鏈接到您正在編碼的網頁所在域的文件，則可以使用相對路徑，該路徑基本上從您所在的頁面，網站的文件結構以及您需要的資源進行導航。

Alike posts