首頁 > html教程 > HTML 標簽 閱讀:0更新時間:2020-05-03 12:54:51

HTML <a> 標簽

實例

鏈接到菜鳥教程 :

<a href="http://www.vocabbomb.com/">訪問beylze教程學院!</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 中的新屬性。

屬性描述
charsetchar_encodingHTML5 不支持。規定目標 URL 的字符編碼。
coordscoordinatesHTML5 不支持。規定鏈接的坐標。
downloadNewfilename指定下載鏈接
hrefURL規定鏈接的目標 URL。
hreflanglanguage_code規定目標 URL 的基準語言。僅在 href 屬性存在時使用。
mediaNewmedia_query規定目標 URL 的媒介類型。默認值:all。僅在 href 屬性存在時使用。
namesection_nameHTML5 不支持。規定錨的名稱。
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
規定當前文檔與目標 URL 之間的關系。僅在 href 屬性存在時使用。
revtextHTML5 不支持。規定目標 URL 與當前文檔之間的關系。
shapedefault
rect
circle
poly
HTML5 不支持。規定鏈接的形狀。
target_blank
 _parent
 _self
 _top
framename
規定在何處打開目標 URL。僅在 href 屬性存在時使用。
type NewMIME_type規定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。
注:MIME = Multipurpose Internet Mail Extensions。

全局屬性

<a> 標簽支持 HTML 的全局屬性。


事件屬性

<a> 標簽支持 HTML 的事件屬性。


Examples

嘗試一下 - 實例

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

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

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

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

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

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


相關文章

HTML 教程:HTML 鏈接

HTML DOM 參考手冊: Anchor 對象

beylze編程學院,一個分享編程知識和seo優化知識的網站。跟著beylze一起學習,每天都有進步。

通俗易懂,深入淺出,一篇文章只講一個知識點。

文章不深奧,不需要鉆研,在公交、在地鐵、在廁所都可以閱讀,隨時隨地漲姿勢。

文章不涉及代碼,不燒腦細胞,人人都可以學習。

當你決定關注beylze(公眾號:beylze),你已然超越了90%的其他從業者!

相關文章

優秀教程

国产亚洲欧美日韩