3.3 超鏈接元素a

超鏈接（Hyperlink）按照標準叫法稱為錨（Anchor），是使用﹤a﹥標簽定義的。超鏈接可以是一個字、詞組、句子或圖像。當網(wǎng)頁中包含超鏈接時，在所有瀏覽器中，鏈接的默認外觀是：未被訪問的鏈接帶有下畫線而且是藍色的；已被訪問的鏈接帶有下畫線而且是紫色的；活動鏈接帶有下畫線而且是紅色的。把鼠標指針移動到網(wǎng)頁中的某個超鏈接上時，鼠標指針變?yōu)橐恢恍∈郑瑔螕艨梢詮漠斍熬W(wǎng)頁跳轉(zhuǎn)到其他位置，包括當前頁的某個位置、Internet、本地硬盤或局域網(wǎng)上的其他網(wǎng)頁或文件，包括跳轉(zhuǎn)到聲音、圖像等多媒體文件。

1.a元素

錨由標簽﹤a﹥定義，在網(wǎng)頁上建立超文本鏈接。通過單擊一個詞、句或圖像，可從此處轉(zhuǎn)到另一個鏈接資源（目標資源），目標資源有唯一的地址（URL）。具有以上特點的詞、句或圖像就稱為熱點。a元素的格式為：

﹤a href="URL"target="打開窗口方式"﹥熱點﹤/a﹥

a元素中的屬性說明如下。

1）href：規(guī)定超鏈接指向頁面的URL。如果要創(chuàng)建一個不鏈接到其他位置的空超鏈接，可用“＃”代替URL。超鏈接目標可以是站內(nèi)目標，也可以是站外目標；站內(nèi)目標可以用相對路徑，也可以用絕對路徑，站外目標則必須用絕對路徑。

2）target：超鏈接被單擊后會產(chǎn)生網(wǎng)頁跳轉(zhuǎn)動作，該屬性指定打開目標頁面的方式。其屬性值如下。

●_self：默認值，指在超鏈接所在的窗口中打開目標頁面。

●_blank：在新瀏覽器窗口中打開目標頁面。

●_parent：將目標頁面載入含有該超鏈接的父窗口中。

●_top：在當前的整個瀏覽器窗口中打開目標頁面。

2.用圖像作為超鏈接熱點

圖像也可作為超鏈接熱點，單擊圖像則跳轉(zhuǎn)到被鏈接的文本或其他文件。格式為：

﹤a href="URL"target="打開窗口方式"﹥﹤img src="圖像文件名"/﹥﹤/a﹥

【例3-4】 文本超鏈接熱點和圖片超鏈接熱點示例。本例文件3-4.html在瀏覽器中的顯示效果如圖3-5所示。

3.指向其他頁面的超鏈接

創(chuàng)建指向其他頁面的超鏈接，就是在當前頁面與其他相關(guān)頁面之間建立超鏈接。根據(jù)目標文件與當前文件的目錄關(guān)系，有4種寫法（注意，應該盡量采用相對路徑）。

（1）鏈接到同一目錄內(nèi)的網(wǎng)頁文件

格式為：

﹤a href="目標文件名.html"﹥熱點文本﹤/a﹥

其中，“目標文件名”是超鏈接所指向的文件。

（2）鏈接到下一級目錄中的網(wǎng)頁文件

格式為：

﹤a href="子目錄名/目標文件名.html"﹥熱點文本﹤/a﹥

（3）鏈接到上一級目錄中的網(wǎng)頁文件

格式為：

﹤a href="../目標文件名.html"﹥熱點文本﹤/a﹥

其中，“../”表示退到上一級目錄中。

（4）鏈接到同級目錄中的網(wǎng)頁文件

格式為：

﹤a href="../子目錄名/目標文件名.html"﹥熱點文本﹤/a﹥

表示先退到上一級目錄中，然后進入目標文件所在的目錄。

【例3-5】 指向其他頁面的超鏈接示例。當前頁3-5.html中包含兩個超鏈接，分別指向“友情鏈接”頁3-3.html和“圖像元素示例”頁3-4.html，如圖3-6所示，單擊超鏈接熱點將分別打開圖3-3和圖3-5所示。

4.指向書簽的超鏈接

書簽就是用﹤a﹥標簽對網(wǎng)頁元素做一個記號，其功能類似于用于固定船的錨，所以書簽也稱錨記或錨點。如果頁面中有多個書簽超鏈接，對不同目標元素要設(shè)置不同的書簽名。書簽名在﹤a﹥標簽的name屬性中定義，格式為：

﹤a name="記號名"﹥目標文本附近的字符串﹤/a﹥

（1）指向頁面內(nèi)書簽的超鏈接

要在當前頁面內(nèi)實現(xiàn)書簽超鏈接，需要定義兩個標簽：一個為超鏈接標簽，另一個為書簽標簽。超鏈接標簽的格式為：

﹤a href="＃記號名"﹥ 熱點文本 ﹤/a﹥

即單擊“熱點文本”，將跳轉(zhuǎn)到“記號名”開始的網(wǎng)頁元素。

【例3-6】 制作指向頁面內(nèi)書簽的超鏈接。在當前頁3-6.html的上部單擊“[什么是超文本？]”鏈接時，將跳轉(zhuǎn)到頁面下方的“什么是超文本？”位置處，如圖3-7所示。

在驗證本例效果時，可以將瀏覽器窗口縮小到只顯示頁面上半部分內(nèi)容的大小，然后單擊上部的“[什么是超文本？]”超鏈接，就可以看到頁面自動定位到下方的“什么是超文本？”位置處。

（2）指向其他頁面書簽的鏈接

要在其他頁面內(nèi)實現(xiàn)書簽鏈接，需要定義兩個標簽：一個為當前頁面的超鏈接標簽，另一個為跳轉(zhuǎn)頁面的書簽標簽。當前頁面的超鏈接標簽的格式為：

﹤a href="目標文件名.html＃記號名"﹥熱點文本﹤/a﹥

即單擊“熱點文本”，將跳轉(zhuǎn)到目標頁面“記號名”開始的網(wǎng)頁元素。

5.指向下載文件的超鏈接

如果鏈接到的文件不是HTML文件，則該文件將作為下載文件。指向下載文件的超鏈接格式為：

﹤a href="下載文件名"﹥熱點文本﹤/a﹥

例如，下載一個軟件的壓縮包文件softsetup.rar，可以建立如下超鏈接：

﹤a href="softsrtup.rar"﹥下載﹤/a﹥

6.指向電子郵件的超鏈接

單擊指向電子郵件的超鏈接，將打開默認的電子郵件程序，如FoxMail、Outlook Express等，并自動填寫郵件地址。指向電子郵件超鏈接的格式為：

﹤a href="mailto：E-mail地址"﹥熱點文本﹤/a﹥

例如，E-mail地址是Jack@163.com，可以建立如下超鏈接：

信箱：﹤a href="mailto：Jack@163.com"﹥和我聯(lián)系﹤/a﹥

7.JavaScript超鏈接

如果鏈接到JavaScript代碼，單擊超鏈接將執(zhí)行該JavaScript代碼，其格式為：

﹤a href="javascript：代碼；"﹥熱點文本﹤/a﹥

javascript表示URL的內(nèi)容通過JavaScript執(zhí)行。

例如，執(zhí)行JavaScript代碼“alert（'Hello World'）；”，可以建立如下超鏈接：

﹤a href="javascript：alert（'Hello World'）；"﹥單擊顯示消息框﹤/a﹥

8.空超鏈接

空超鏈接是指未指派目標地址的超鏈接。空超鏈接用于向頁面上的對象或文本附加行為。例如，可向空超鏈接附加一個行為，以便在鼠標指針滑過該超鏈接時會交換圖像或顯示絕對定位的元素。

創(chuàng)建空超鏈接有下面兩種方法。

（1）﹤a href="＃"﹥熱點文本﹤/a﹥或﹤a href=""﹥熱點文本﹤/a﹥

雖然這也是空超鏈接，但它其實有錨點＃top的意思，會產(chǎn)生回到頂部的效果。

（2）﹤a href="javascript：void（0）；"﹥熱點文本﹤/a﹥

href="javascript：void（0）；"的含義是讓超鏈接去執(zhí)行一個JavaScript函數(shù)，而不是跳轉(zhuǎn)到一個地址。void（0）表示一個空的方法，它不做任何操作，這樣會防止超鏈接跳轉(zhuǎn)到其他頁面。這么做往往是為了保留超鏈接的樣式，但不讓超鏈接執(zhí)行任何實際操作。