HTML <a> 標簽


實例

鏈接到菜鳥教程 :

<a href="http://www.aircotec.net">訪問菜鳥教程!</a>

嘗試一下 ?
(更多實例見頁面底部)

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流瀏覽器都支持 <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 的事件屬性


Examples

嘗試一下 - 實例

創建超級鏈接
本例演示如何在 HTML 文檔中創建鏈接。

將圖像作為鏈接
本例演示如何使用圖像作為鏈接。

在新的瀏覽器窗口打開鏈接
本例演示如何在新窗口打開一個頁面,這樣的話訪問者就無需離開您的站點了。

創建電子郵件鏈接
本例演示如何鏈接到一個郵件。(本例在安裝郵件客戶端程序后才能工作。)

創建電子郵件鏈接 2
本例演示更加復雜的郵件鏈接。

使用錨跳轉到同一個頁面的不同位置
本例演示如何使用錨的 id 屬性跳轉到頁面的不同位置( HTML5 不支持 name 屬性)。


相關文章

HTML 教程:HTML 鏈接

HTML DOM 參考手冊: Anchor 對象