HTML <a> 標籤
實例
鏈接到IT研修 :
<a href="http://www.xuhuhu.com">訪問IT研修!</a>
(更多實例見頁面底部)
流覽器支持
所有主流流覽器都支持 <a> 標籤。
標籤定義及使用說明
<a> 標籤定義超鏈接,用於從一個頁面鏈接到另一個頁面。
<a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。
在所有流覽器中,鏈接的默認外觀如下:
- 未被訪問的鏈接帶有下劃線而且是藍色的
- 已被訪問的鏈接帶有下劃線而且是紫色的
- 活動鏈接帶有下劃線而且是紅色的
提示和注釋
提示:如果沒有使用 href 屬性,則不能使用 hreflang、media、rel、target 以及 type 屬性。
提示:通常在當前流覽器窗口中顯示被鏈接頁面,除非規定了其他 target。
提示:請使用 CSS 來改變鏈接的樣式。
HTML 4.01 與 HTML5之間的差異
在 HTML 4.01 中,<a> 標籤既可以是超鏈接,也可以是錨。在 HTML5 中,<a> 標籤是超鏈接,但是假如沒有 href 屬性,它僅僅是超鏈接的一個占位符。
HTML5 有一些新的屬性,同時不再支持一些 HTML 4.01 的屬性。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。規定目標 URL 的字元編碼。 |
coords | coordinates | HTML5 不支持。規定鏈接的座標。 |
downloadNew | filename | 指定下載鏈接 |
href | URL | 規定鏈接的目標 URL。 |
hreflang | language_code | 規定目標 URL 的基準語言。僅在 href 屬性存在時使用。 |
mediaNew | media_query | 規定目標 URL 的媒介類型。默認值:all。僅在 href 屬性存在時使用。 |
name | section_name | HTML5 不支持。規定錨的名稱。 |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
規定當前文檔與目標 URL 之間的關係。僅在 href 屬性存在時使用。 |
rev | text | HTML5 不支持。規定目標 URL 與當前文檔之間的關係。 |
shape | default rect circle poly |
HTML5 不支持。規定鏈接的形狀。 |
target | _blank _parent _self _top framename |
規定在何處打開目標 URL。僅在 href 屬性存在時使用。 |
type New | MIME_type | 規定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。 注:MIME = Multipurpose Internet Mail Extensions。 |
全局屬性
<a> 標籤支持 HTML 的全局屬性。
事件屬性
<a> 標籤支持 HTML 的事件屬性。

嘗試一下 - 實例
本例演示如何在 HTML 文檔中創建鏈接。
本例演示如何使用圖像作為鏈接。
本例演示如何在新窗口打開一個頁面,這樣的話訪問者就無需離開您的站點了。
本例演示如何鏈接到一個郵件。(本例在安裝郵件客戶端程式後才能工作。)
本例演示更加複雜的郵件鏈接。
本例演示如何使用錨的 id 屬性跳轉到頁面的不同位置( HTML5 不支持 name 屬性)。
相關文章
HTML 教學:HTML 鏈接
HTML DOM 參考手冊: Anchor 對象