HTML <a>標簽定義HTML文檔中指向URL或目標的超鏈接。該標簽通常也稱為 <a>元素。
鏈接到菜鳥教程 :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(cainiaoplus.com)</title> </head> <body> <a href="">訪問菜鳥教程!</a> </body> </html>測試看看 ?/?
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 <a> 標簽。
<a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。
<a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。
在所有瀏覽器中,鏈接的默認外觀如下:
未被訪問的鏈接帶有下劃線而且是藍色的
已被訪問的鏈接帶有下劃線而且是紫色的
活動鏈接帶有下劃線而且是紅色的
HTML <a>元素位于<body>標記內(nèi)。
開頭<a>和結束</a>之間的文本將顯示為超鏈接文本(即帶下劃線的文字)。
如果您希望資源在新窗口中打開頁面,請使用target =“ _ blank”屬性。例如,您可以編寫超鏈接,如下所示:<a href="/examples/filename.html" target="_blank">鏈接到文件名</a>
在 HTML 4.01 中,<a> 標簽既可以是超鏈接,也可以是錨。在 HTML5 中,<a> 標簽是超鏈接,但是假如沒有 href 屬性,它僅僅是超鏈接的一個占位符。
HTML5 有一些新的屬性,同時不再支持一些 HTML 4.01 的屬性。
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。規(guī)定目標 URL 的字符編碼。 |
coords | coordinates | HTML5 不支持。規(guī)定鏈接的坐標。 |
downloadHTML5 | filename | 指定下載鏈接 |
href | URL | 規(guī)定鏈接的目標 URL。 |
hreflang | language_code | 規(guī)定目標 URL 的基準語言。僅在 href 屬性存在時使用。 |
mediaHTML5 | media_query | 規(guī)定目標 URL 的媒介類型。默認值:all。僅在 href 屬性存在時使用。 |
name | section_name | HTML5 不支持。規(guī)定錨的名稱。 |
pingHTML5 | list_of_URLs | 指定URL的空格分隔的列表,當鏈接之后,ping請求將被瀏覽器發(fā)送(后端)。通常用于追蹤 |
referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url | 指定具體推送類型 |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | 規(guī)定當前文檔與目標 URL 之間的關系。僅在 href 屬性存在時使用。 |
rev | text | HTML5 不支持。規(guī)定目標 URL 與當前文檔之間的關系。 |
shape | default rect circle poly | HTML5 不支持。規(guī)定鏈接的形狀。 |
target | _blank _parent _self _top framename | 規(guī)定在何處打開目標 URL。僅在 href 屬性存在時使用。 |
type HTML5 | MIME_type | 規(guī)定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。 注:MIME = Multipurpose Internet Mail Extensions。 |
<a> 標簽支持 HTML 的全局屬性。
<a> 標簽支持 HTML 的事件屬性。
圖片鏈接 本示例演示如何使用圖片鏈接。
在當前頁面鏈接到指定位置 本示例演示如何使用書簽
跳出框架 本示例演示如何跳出框架,假如你的頁面被固定在框架之內(nèi)。
創(chuàng)建電子郵件鏈接 本示例演示如何鏈接到一個郵件。(本示例在安裝郵件客戶端程序后才能工作。)
創(chuàng)建電子郵件鏈接 2 本示例演示更加復雜的郵件鏈接。
創(chuàng)建電話鏈接 本示例演示創(chuàng)建一個可以撥打電話的鏈接
HTML 教程:HTML 鏈接
HTML DOM 參考手冊: Anchor 對象