HTML 4.0 語法連結標簽

 【WWW連結標簽基本概念】

　　連結基本概念：一般而言，所謂連結就是，在網頁中有些字會有特別的顏色，而且字的底下會有條線，當游標移到那些字上時，會變成手指形狀，按下去，則會連到別的文章或網站，就像這樣（以上這段是給超級新手看的...）。

　　扯到連結，最基本來看有‘內部連結’及‘外部連結’，所謂‘內部連結’就是自己網站間網頁的連結，至於外部連結我們稍後再來討論。

　　要了解內部連結，首先必須先了解一下這兩種東西，一個是‘相對路徑’，一個是‘絕對路徑’。

　　現在假設一個情形：我們在自己的電腦裡設計網頁，所有網頁相關的檔案我們通通放在 c:www 裡面，現在假設 c:www 裡面目前有 index.htm 、 text1.htm 、 p1.gif 、 p2.gif 這四個檔案。ok！

　　現在我們想在 index.htm 裡面設一個連結，能夠按一下就連到 text1.htm，那我們該怎麼做呢？基本上，有兩中方式可以做到，在 index.htm 裡面加上下面任一敘述：

　　<a href="/c|/www/text1.htm">

　　這就是‘絕對路徑’

　　<a href="text1.htm">

　　這就是‘相對路徑’

　　瞧出什麼端倪了沒有？嗯嗯....沒錯，‘絕對路徑’要給電腦一個非常詳盡的位置，讓電腦尋著這路徑去找到檔案。而‘相對路徑’就簡單多啦！如果沒有特別指定，他就會直接在 index.htm 的所在目錄下找，也就是在 c:www 底下去找text1.htm。

　　如果說，今天我們將 c:www 裡所有的檔案都上傳到網路上的網頁伺服器（總不能做好了只給自己看吧！），且該伺服器是別人的電腦，而非你自己架設的主機，那麼問題就來了！你猜，哪一種連結會出問題？呵呵...答案是‘絕對路徑’，您猜對了嗎？

　　為什麼說‘絕對路徑’會出問題呢？因為，當您將檔案上傳到網路上時，您的整個網頁目錄架構一定會變，到時候，電腦可能找不到 c: （尤其是unix系列的主機）更可能找不到 www 這目錄（有些會規定要放在特定的目錄下才能顯示網頁），所以說，沒事的話，盡量用‘相對路徑’來作連結吧！好寫又不容易出錯。

　　另外一個情形是：為了整理方便，有些網友喜歡將圖檔通通放到同一個目錄下，如：c:wwwgif 底下放進了p1.gif 、 p2.gif兩個圖，而index.htm 、 text1.htm 依舊在 c:www 底下。現在我們想在 index.htm 下設個連結到 p1.gif 這圖檔（連結不限於只能連html檔，圖檔、文字檔均可），那我們又該如何來使用‘相對路徑’呢？他們又不在‘同一個目錄’下...？

　　<a href="/c|/www/gif/p1.gif">

　　這是‘絕對路徑’的寫法

　　<a href="gif/p1.gif">

　　這是‘相對路徑’的寫法

　　如何？不難吧！（只是字有點多，看到腦子發脹）

　　總整理：很亂嗎？嗯...看看這表，或許會清楚些。

　　相對路徑表示方式

代表連結位置

　　<a href="text1.htm">

　　text1.htm在目前的目錄中（就例子而言，就是在c:www中）

　　<a href="docs/text1.htm">

　　text1.htm在名為docs的次目錄中（就本例而言，就是在c:wwwdocs中）

　　<a href="../text1.htm">

　　text1.htm在目前目錄的上一層目錄中（就本例而言，就是在c:底下了）

　　【網頁內部的連結】

　　使用方法：

　　先在欲連結處作記號：<a name="here1">這裡是你想連結的點</a>

　　設定連結：<a href="#here1">連結</a>