2-3 連結(Links)

一般而言，除非有特殊需求，否則在HTML 文件中，我們都盡量用相對路徑來表示網址。

使用相對路徑的好處是：當我們將包含許多網頁的目錄轉移到另一個位置時，雖然絕對 ... 2-3連結(Links) 在說明連結之前，我們先要說明「絕對路徑」和「相對路徑」的差異。

簡單的說，「相對路徑」就是相對於現在目錄的路徑表示法，因此「相對路徑」所指到的檔案或目錄，會隨著現在目錄的不同而改變。

若一個路徑不屬於「相對路徑」，那就是「絕對路徑」，「絕對路徑」指的是一個絕對的位置，並不會隨著現在目錄的改變而改變。

下面是有關於「絕對路徑」和「相對路徑」的比較和範例： 類別範例說明 絕對路徑file:///c:/windows/odbc.ini本機D槽上的一個HTML檔案 http://www.cs.nthu.edu.tw網路上一台WWWServer上的一個HTML檔案 /jang/courses/cs3431本機WWW根目錄下的一個目錄 相對路徑text.html表同一層目錄下的text.html檔案 ./text.html表同一層目錄下的text.html檔案 image/text.gif表示image子目錄下的text.gif檔案 ../index.html表示上一層目錄下的index.html檔案 ../html40/cover.html表示上一層目錄下html40子目錄的cover.html檔案 通常我們用「.」代表現在目錄，而用「..」代表上一層目錄。

一般而言，除非有特殊需求，否則在HTML文件中，我們都盡量用相對路徑來表示網址。

使用相對路徑的好處是：當我們將包含許多網頁的目錄轉移到另一個位置時，雖然絕對位置改變，但是在此目錄下的網頁相對位置並沒有改變，因此我們並不需要大幅修改網頁內的網址。

HTML文件裡不可或缺的標籤就是，因為有它的存在，使我們可以很迅速地連結到全世界各個地方的網頁。

以下是一個簡單的範例： Example（link01.htm）： 上述範例的原始檔如下： 原始檔（link01.htm）：（灰色區域按兩下即可拷貝） 這是清華大學的首頁（絕對網址）
這是交通大學的首頁（絕對網址）
這是本教材的範例首頁（相對網址） 在上述範例中，我們可以使用target屬性，讓連結被點選時，網頁能夠開在新的視窗。

在下面範例中，無論點選清大或交大的連結，都會開啟名為「new」的新視窗來顯示網頁： Example（link02.htm）： 上述範例的原始檔如下： 原始檔（link02.htm）：（灰色區域按兩下即可拷貝） 這是清華大學的首頁（絕對網址）
這是交通大學的首頁（絕對網址）
這是本教材的範例首頁（相對網址） 在上述範例中，若已有名為「new」的視窗存在，則網頁會呈現在此視窗內，而不再開新視窗。

若要使每次點選都開新視窗，就可以使用target="_blank"，讀者請自己試試看！ 連結除了可以跳到其他網頁之外，也可以在一份長的網頁之中上下跳動，例如，如果我們在一個網頁的最後一列加上，那麼當我們點選下述連結時，就會跳回本頁的頁尾，例如： Example（link03.htm）： 上述範例的原始檔如下： 原始檔（link03.htm）：（灰色區域按兩下即可拷貝） 這個網頁很長，但是按下這個連結，就可以跳到最後一列，請試試看！