HTML <a> 標籤
實例
指向 w3school 的超鏈接：
<a href="//www.w3school.com.cn">W3School</a>
瀏覽器支援
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有瀏覽器都支援 <a> 標籤。
定義和用法
<a> 標籤定義超鏈接，用於從一張頁面鏈接到另一張頁面。
<a> 元素最重要的屬性是 href 屬性，它指示鏈接的目標。
在所有瀏覽器中，鏈接的預設外觀是：
- 未被訪問的鏈接帶有下劃線而且是藍色的
- 已被訪問的鏈接帶有下劃線而且是紫色的
- 活動鏈接帶有下劃線而且是紅色的
提示：您可能已經注意到了，W3School 站點內的鏈接外觀與預設的鏈接外觀非常不同。您可以使用 CSS 偽類 向文字超鏈接新增複雜而多樣的樣式。
術語解釋
提示和註釋
提示：如果不使用 href 屬性，則不可以使用如下屬性：download, 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 中不支援。規定被鏈接文件的字符集。 |
| coords | coordinates | HTML5 中不支援。規定鏈接的座標。 |
| download | filename | 規定被下載的超鏈接目標。 |
| href | URL | 規定鏈接指向的頁面的 URL。 |
| hreflang | language_code | 規定被鏈接文件的語言。 |
| media | media_query | 規定被鏈接文件是為何種媒介/裝置優化的。 |
| name | section_name | HTML5 中不支援。規定錨的名稱。 |
| rel | text | 規定當前文件與被鏈接文件之間的關係。 |
| rev | text | HTML5 中不支援。規定被鏈接文件與目前文件之間的關係。 |
| shape |
|
HTML5 中不支援。規定鏈接的形狀。 |
| target |
|
規定在何處打開鏈接文件。 |
| type | MIME type | 規定被鏈接文件的的 MIME 型別。 |
全域性屬性
<a> 標籤支援 HTML 中的全域性屬性。
事件屬性
<a> 標籤支援 HTML 中的事件屬性。
親自試一試 - 實例
- 建立超級鏈接
- 本例演示如何在 HTML 文件中建立鏈接。
- 將影像作為鏈接
- 本例演示如何使用影像作為鏈接。
- 鏈接到同一個頁面的不同位置
- 本例演示如何使用鏈接跳轉至文件的另一個部分
- 在新的瀏覽器視窗打開鏈接
- 本例演示如何在新視窗打開一個頁面，這樣的話訪問者就無需離開你的站點了。
- 跳出框架
- 本例演示如何跳出框架，假如你的頁面被固定在框架之內。
- 建立電子郵件鏈接
- 本例演示如何如何鏈接到一個郵件。（本例在安裝郵件客戶端程式后才能工作。）
- 建立電子郵件鏈接 2
- 本例演示更加複雜的郵件鏈接。