HTML元素(或稱錨元素)可以創(chuàng)建通向其他網(wǎng)頁、文件、同一頁面內(nèi)的位置、電子郵件地址或任何其他URL的超鏈接。
瀏覽器支持
示例
鏈接到外部地址
external link
鏈接到本頁的某個部分
description of same-page links
創(chuàng)建一個可點擊的圖片
這個小例子使用圖像鏈接到MDN主頁。主頁將在新的瀏覽環(huán)境,這是一個新的頁面或新標簽中打開研究。
這是常見的創(chuàng)建按鈕或鏈接,將用戶的電子郵件程序打開,讓他們發(fā)送新郵件。這是通過使用一個mailto鏈接完成的。這里有一個簡單的例子:
send email to nowhere
生成這樣的鏈接:Send email to nowhere.
創(chuàng)建電話鏈接
提供電話鏈接有助于用戶查看連接到手機的網(wǎng)絡文檔和筆記本電腦。
+123456789
使用 download 屬性將保存為 PNG 格式
如果你想允許用戶下載一個HTML畫布,你可以創(chuàng)建一個下載屬性和畫布數(shù)據(jù)作為文件URL鏈接圖像:
var link = document.createelement('a');link.innerhtml = 'download image';link.addeventlistener('click', function(ev) {link.href = canvas.todataurl();link.download = "mypainting.png";}, false);document.body.appendchild(link);
無障礙建議
錨點標簽常常通過將href屬性設置為"#"或"javascript:void(0)"來創(chuàng)造一個能阻止頁面刷新的偽按鈕的方式被濫用。這些屬性值會在拖動/復制鏈接時導致意外行為,在新窗口/新標簽打開鏈接,加入書簽以及 JavaScript 仍在下載時會出現(xiàn)錯誤或被禁用。這也會向輔助技術(如屏幕閱讀器)傳達不正確的語義。在這些情況下,推薦使用來代替。通常情況下,您應該只將錨點用于正常的 URL 導航。
定義和用法
標簽定義超鏈接,它用于從一個頁面連接到另一個頁面。
內(nèi)容分類| 流內(nèi)容、文字內(nèi)容、交互內(nèi)容、可觸摸內(nèi)容。 |
允許的內(nèi)容| 可見的內(nèi)容(Transparent),包含流內(nèi)容(不包括交互式內(nèi)容)或文字內(nèi)容(段落內(nèi)容元素)。 |
標簽省略| 不允許,開始標簽和結束標簽都不能省略。 |
允許的父元素| 接受短語內(nèi)容的任何元素或接受流內(nèi)容的任何元素,但始終不接受元素(根據(jù)對稱的邏輯原理,如果標記作為父元素,不能具有交互內(nèi)容,則相同的內(nèi)容不能具有標記作為其父元素)。 |
Permitted ARIA roles| button,checkbox,menuitem,menuitemcheckbox,menuitemradio,option,radio,switch,tab,treeitem |
DOM 接口| HTMLAnchorElement |
屬性
該元素的屬性包含全局屬性。

- downloadHTML5此屬性指示瀏覽器下載 URL 而不是導航到它,因此將提示用戶將其保存為本地文件。如果屬性有一個值,那么此值將在下載保存過程中作為預填充的文件名(如果用戶需要,仍然可以更改文件名)。此屬性對允許的值沒有限制,但是/和會被轉(zhuǎn)換為下劃線。大多數(shù)文件系統(tǒng)限制了文件名中的標點符號,故此,瀏覽器將相應地調(diào)整建議的文件名。THML5中廢棄。此功能已過時。盡量避免使用它。
- coordsTHML5中廢棄對于使用對象的形狀,此屬性使用逗號分隔的數(shù)字列表來定義對象在頁面上的坐標。
- nameTHML5中廢棄該屬性在頁面中定義錨點的目標位置時是必須的。name的值類似于ID核心屬性值,該屬性值在文檔中是唯一的且由數(shù)字字母標示符所組成的。在 HTML4.01 規(guī)范中,id和name都可以使用元素,只要他們有相同的值。THML5中廢棄。此功能已過時。盡量避免使用它。
屬性
屬性描述45
| charset | 不贊成。規(guī)定目標 URL 的字符編碼。 | 4 |
| coords | 不贊成。規(guī)定適于 shape 屬性的坐標,為圖像映射定義圖像的區(qū)域。 | 4 |
| href | 鏈接的目標 URL。 | 4 | 5 |
| hreflang | 規(guī)定目標 URL 的基準語言。僅在 href 屬性存在時使用。 | 4 | 5 |
| media | 規(guī)定目標 URL 的媒介類型。默認值:all。僅在 href 屬性存在時使用。 | 5 |
| name | 不贊成。命名一個錨。不支持。使用 id 代替。 | 4 |
| ping | 由空格分隔的 URL 列表,當用戶點擊該鏈接時,這些 URL 會獲得通知。 僅在 href 屬性存在時使用。 | 5 |
| rel | 規(guī)定當前文檔與目標 URL 之間的關系。僅在 href 屬性存在時使用。 | 4 | 5 |
| rev | 不贊成。規(guī)定目標 URL 與當前文檔之間的關系。 | 4 |
| shape | 不贊成。為當前 area 標簽中的映射定義的地區(qū)類型。與 coords 屬性一起使用。 | 4 |
| target | 在何處打開目標 URL。僅在 href 屬性存在時使用。 | 4 | 5 |
| type | 規(guī)定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。 | 4 | 5 |
HTML 4.01 與 HTML 5 之間的差異
在 HTML 4.01 中,標簽既可以是超鏈接,也可以是錨。這取決于是否描述了 href 屬性。
在 HTML 5 中,是超鏈接,但是假如沒有 href 屬性,它僅僅是超鏈接的一個占位符。
HTML 5 有一些新的屬性,同時不再支持一些 HTML 4.01 的屬性。
例子
鏈接到 qq344225443:
qq344225443
在新窗口中打開 qq344225443:
qq344225443
鏈接到 www.baikegou.com :
html