Latest web development tutorials

HTML <a> 標籤

實例

鏈接到本教程:

< a href = " http://www.w3big.com " > 訪問本教程! </ a >

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

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持<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 不支持。规定链接的坐标。
download New filename 指定下载链接
href URL 规定链接的目标 URL。
hreflang language_code 规定目标 URL 的基准语言。仅在 href 属性存在时使用。
media New 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對象