HTML <a> 標(biāo)簽
瀏覽器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有瀏覽器都支持 <a> 標(biāo)簽。
定義和用法
<a> 標(biāo)簽定義超鏈接，用于從一張頁(yè)面鏈接到另一張頁(yè)面。
<a> 元素最重要的屬性是 href 屬性，它指示鏈接的目標(biāo)。
在所有瀏覽器中，鏈接的默認(rèn)外觀是：
- 未被訪問(wèn)的鏈接帶有下劃線而且是藍(lán)色的
- 已被訪問(wèn)的鏈接帶有下劃線而且是紫色的
- 活動(dòng)鏈接帶有下劃線而且是紅色的
提示：您可能已經(jīng)注意到了，W3School 站點(diǎn)內(nèi)的鏈接外觀與默認(rèn)的鏈接外觀非常不同。您可以使用 CSS 偽類(lèi) 向文本超鏈接添加復(fù)雜而多樣的樣式。
術(shù)語(yǔ)解釋
提示和注釋
提示：如果不使用 href 屬性，則不可以使用如下屬性：download, hreflang, media, rel, target 以及 type 屬性。
提示：被鏈接頁(yè)面通常顯示在當(dāng)前瀏覽器窗口中，除非您規(guī)定了另一個(gè)目標(biāo)（target 屬性）。
提示：請(qǐng)使用 CSS 來(lái)設(shè)置鏈接的樣式。
HTML 4.01 與 HTML5 之間的差異
在 HTML 4.01 中，<a> 標(biāo)簽可以是超鏈接或錨。在 HTML5 中，<a> 標(biāo)簽始終是超鏈接，但是如果未設(shè)置 href 屬性，則只是超鏈接的占位符。
HTML5 提供了一些新屬性，同時(shí)不再支持一些 HTML 4.01 屬性。
屬性
New : HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 中不支持。規(guī)定被鏈接文檔的字符集。 |
| coords | coordinates | HTML5 中不支持。規(guī)定鏈接的坐標(biāo)。 |
| download | filename | 規(guī)定被下載的超鏈接目標(biāo)。 |
| href | URL | 規(guī)定鏈接指向的頁(yè)面的 URL。 |
| hreflang | language_code | 規(guī)定被鏈接文檔的語(yǔ)言。 |
| media | media_query | 規(guī)定被鏈接文檔是為何種媒介/設(shè)備優(yōu)化的。 |
| name | section_name | HTML5 中不支持。規(guī)定錨的名稱(chēng)。 |
| rel | text | 規(guī)定當(dāng)前文檔與被鏈接文檔之間的關(guān)系。 |
| rev | text | HTML5 中不支持。規(guī)定被鏈接文檔與當(dāng)前文檔之間的關(guān)系。 |
| shape |
|
HTML5 中不支持。規(guī)定鏈接的形狀。 |
| target |
|
規(guī)定在何處打開(kāi)鏈接文檔。 |
| type | MIME type | 規(guī)定被鏈接文檔的的 MIME 類(lèi)型。 |
全局屬性
<a> 標(biāo)簽支持 HTML 中的全局屬性。
事件屬性
<a> 標(biāo)簽支持 HTML 中的事件屬性。
親自試一試 - 實(shí)例
- 創(chuàng)建超級(jí)鏈接
- 本例演示如何在 HTML 文檔中創(chuàng)建鏈接。
- 將圖像作為鏈接
- 本例演示如何使用圖像作為鏈接。
- 鏈接到同一個(gè)頁(yè)面的不同位置
- 本例演示如何使用鏈接跳轉(zhuǎn)至文檔的另一個(gè)部分
- 在新的瀏覽器窗口打開(kāi)鏈接
- 本例演示如何在新窗口打開(kāi)一個(gè)頁(yè)面，這樣的話訪問(wèn)者就無(wú)需離開(kāi)你的站點(diǎn)了。
- 跳出框架
- 本例演示如何跳出框架，假如你的頁(yè)面被固定在框架之內(nèi)。
- 創(chuàng)建電子郵件鏈接
- 本例演示如何如何鏈接到一個(gè)郵件。（本例在安裝郵件客戶端程序后才能工作。）
- 創(chuàng)建電子郵件鏈接 2
- 本例演示更加復(fù)雜的郵件鏈接。