HTML <a> 標簽
定義和用法
<a> 標簽可定義錨。錨 (anchor) 有兩種用法:
- 通過使用 href 屬性,創建指向另外一個文檔的鏈接(或超鏈接)
- 通過使用 name 或 id 屬性,創建一個文檔內部的書簽(也就是說,可以創建指向文檔片段的鏈接)
<a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。
在所有瀏覽器中,鏈接的默認外觀是:
- 未被訪問的鏈接帶有下劃線而且是藍色的
- 已被訪問的鏈接帶有下劃線而且是紫色的
- 活動鏈接帶有下劃線而且是紅色的
提示:您可能已經注意到了,W3School 站點內的鏈接外觀與默認的鏈接外觀非常不同。您可以使用 CSS 偽類 向文本超鏈接添加復雜而多樣的樣式。
實例
指向 w3school 的超鏈接:
<a href="http://www.w3school.com.cn">W3School</a>
術語解釋
什么是超文本?
HTML 與 XHTML 之間的差異
NONE
提示和注釋:
注釋:被鏈接的頁面通常被顯示在當前的瀏覽器窗口中,除非您規定了其他的 target 屬性。
可選的屬性
DTD 指示此屬性允許在哪種 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
屬性 | 值 | 描述 | DTD |
---|---|---|---|
charset | 字符集名稱 | 規定目標 URL 的字符編碼。 | STF |
coords | 坐標 | 規定鏈接的坐標。 | STF |
href | URL | 鏈接的目標 URL。 | STF |
hreflang | ISO 語言代碼 | 規定目標 URL 的基準語言。 | STF |
name | section_name | 規定錨的名稱。 | STF |
rel | text | 規定當前文檔與目標 URL 之間的關系。 | STF |
rev | text | 規定目標 URL 與當前文檔之間的關系。 | STF |
shape |
| 規定鏈接的形狀。 | STF |
target |
| 在何處打開目標 URL。 | TF |
type | MIME 編碼類型 | 規定目標 URL 的 MIME 類型。 | STF |
coords 屬性和 shape 屬性
當前流行的瀏覽器已經不再支持這兩種屬性了,與 <area> 標簽中的同名屬性類似,coords 和 shape 屬性會為 <a> 標簽定義一個影響區域。
只有在 <a> 標簽是 <map> 標簽的一部分時,才可以在 <a> 標簽中使用這兩種屬性。
參閱
- <map> 標簽
- <area> 標簽
- <area> 標簽的 coords 屬性
- <area> 標簽的 shape 屬性
標準屬性
id, class, title, style, dir, lang, xml:lang, tabindex, accesskey
如需完整的描述,請訪問標準屬性。
事件屬性
onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
如需完整的描述,請訪問事件屬性。
TIY 實例
- 創建超級鏈接
- 本例演示如何在 HTML 文檔中創建鏈接。
- 將圖像作為鏈接
- 本例演示如何使用圖像作為鏈接。
- 鏈接到同一個頁面的不同位置
- 本例演示如何使用鏈接跳轉至文檔的另一個部分
- 在新的瀏覽器窗口打開鏈接
- 本例演示如何在新窗口打開一個頁面,這樣的話訪問者就無需離開你的站點了。
- 跳出框架
- 本例演示如何跳出框架,假如你的頁面被固定在框架之內。
- 創建電子郵件鏈接
- 本例演示如何如何鏈接到一個郵件。(本例在安裝郵件客戶端程序后才能工作。)
- 創建電子郵件鏈接 2
- 本例演示更加復雜的郵件鏈接。