相對(Relative) V.S 絕對(Absolute)

	第三篇 HTML教學		第六節網頁超鏈結

認識相對 V.S 絕對關係

我之前提過很多次相對值 (Relative) 與絕對值 (Absolute) 觀念，相信已有初步認識？如果沒有，再看以下說明

路徑的表示方式
	相對路徑用簡單的口語說：就是檔案現在存放的位置，往上一層或往下一層起算的彼此間相互關係。絕對路徑由網際網路的(HTTP://)或電腦內的某硬碟(file:///C:)，開始引伸到現在檔案存放的位置直接關係。該某層用在於網址時，我們稱為路徑；用在於檔案總管時，就稱為目錄或資料夾。以本課程為例，現在檔案(網頁)的位置為 Disk:\study\03\06\clickme.htm 這一層。 Disk:\表是您安裝教材之磁碟機或教學網站之網址。 study\表是您安裝教材之目錄或資料夾。 03\06\表是本教材第三篇第六節之目錄。 clickme.htm表是您測試時顯示結果的檔案。點擊圖片畫面不放，可移動本圖片
	本層範例：<A Href="clickme.htm"></A> 。
	學習重點：往下第幾層，屬於樹狀通道，所以您就必須指定明確的目錄或資料夾名稱給它。下一層範例：<A Href="layer/clickme.htm"></A> 。下二層範例：<A Href="layer/next/clickme.htm"></A> 。
	學習重點：往上第幾層，屬於單一通道，所以您可以用使 ../ 來代替該目錄或資料夾名稱給它。上一層範例：<A Href="../clickme.htm"></A> 。上二層範例<A Href="../../clickme.htm"></A> 。
	學習重點：先往上一 (幾) 層後再往下一 (幾) 層即可。一層後再下一層範例：<A Href="../01/showme.htm"></A> 。
	進入上面範例時，您是否已養成習慣，使用檢視原始碼查看過，每一頁的關閉視窗圖檔路徑？去仔細研究一下吧！

注意：
也就是您可以在本層目錄內
找到 clickme.htm 這個檔案。

注意：
也就是您可以在下一層 (layer) 目錄內
找到 clickme.htm 這個檔案。

注意：
也就是您可以在下二層 (layer/next/) 目錄內
找到 clickme.htm 這個檔案。

注意：
也就是您可以在上一層 (../) 目錄內
找到 clickme.htm 這個檔案。

注意：
也就是您可以在上二層 (../../) 目錄內
找到 clickme.htm 這個檔案。

注意：
也就是先到上一層目錄後

再往下一層 01 目錄
找到 showme.htm 這個檔案。

相對與絕對的定義

相對的定義：屬於比較有彈性的用法，採前後關聯的方式來表示，可配合不同環境使用。
相對值的標籤範例：<Hr width="50%"> 。
相對路徑標籤範例：<A Href="pics/click.htm"> 。

絕對的定義：表示絕無僅有唯一的，沒有其他代替方案，採從頭至尾很完整的方式來表示。
絕對值標籤範例：<Hr width="100"> 。
外部絕對路徑標籤範例：<A Href="http://www.webpage.idv.tw/"> 。
內部絕對路徑範例：<A Href="file:///C:\leewn\study\03\01\a.htm"> 。

注意：
瀏覽器會隨螢幕(視窗)自動調節大小
也就是 HR 的寬度永遠佔瀏覽器螢幕(視窗)的 50%。

注意：
也就是說只要您存放的前後關聯位置相同
不會受搬移後環境影響。

注意：
不論螢幕如何改變大小
瀏覽器內 HR 寬度永遠是 100 像素
不會有任何改變。

注意：
因為是外部 (HTTP://) 絕對的超鏈結
所以一定要連接上網路，並且有這個網址存在
否則不可能看到這個網站。

注意：
這是 file:///C: 檔案工具格式
就是指定電腦內 C 槽目錄內的 a.htm 檔
如果您電腦內存放的環境與我不同
也是無法連到這樣的位置上。

相對與絕對注意事項

為了網站維護方便及具有可攜性，除非要接連別人的網站之超鏈結外，其餘的鏈結方式，要養成使用相對路徑習慣。
關於如何思考路徑，建議叫出檔案總管想一想，然後拿出紙筆，用樹狀架構方式畫出來，會比較容易理解。
電腦 PC 內的絕對路徑，在網頁製作過程中，我們幾乎很少用到，因為每一個人的電腦檔案總管目錄，不可能一樣。
因為我們須要將圖片或其他檔案資料，分別歸類存放，會建立許多目錄或次目錄來用，所以路徑的學習非常重要。
IE 與 NC 瀏覽器的路徑顯示方式不太一樣，有興趣您可以在各個瀏覽器的網址 (URL) 列比較看看。
請參考電子報內更多的相關課程學習資料，對此亦有更詳盡介紹。
請注意網頁(/)與電腦(\)的路徑目錄符號表示剛好相反。