HTML 參考手冊

HTML 標簽大全

HTML: <a> 標簽

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 與 HTML5之間的差異

在 HTML 4.01 中,<a> 標簽既可以是超鏈接,也可以是錨。在 HTML5 中,<a> 標簽是超鏈接,但是假如沒有 href 屬性,它僅僅是超鏈接的一個占位符。

HTML5 有一些新的屬性,同時不再支持一些 HTML 4.01 的屬性。

屬性

New :HTML5 中的新屬性。

屬性描述
charsetchar_encodingHTML5 不支持。規(guī)定目標 URL 的字符編碼。
coordscoordinatesHTML5 不支持。規(guī)定鏈接的坐標。
downloadHTML5filename指定下載鏈接
hrefURL規(guī)定鏈接的目標 URL。
hreflanglanguage_code規(guī)定目標 URL 的基準語言。僅在 href 屬性存在時使用。
mediaHTML5media_query規(guī)定目標 URL 的媒介類型。默認值:all。僅在 href 屬性存在時使用。
namesection_nameHTML5 不支持。規(guī)定錨的名稱。
pingHTML5list_of_URLs指定URL的空格分隔的列表,當鏈接之后,ping請求將被瀏覽器發(fā)送(后端)。通常用于追蹤
referrerpolicyno-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
unsafe-url
指定具體推送類型
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
規(guī)定當前文檔與目標 URL 之間的關系。僅在 href 屬性存在時使用。
revtextHTML5 不支持。規(guī)定目標 URL 與當前文檔之間的關系。
shapedefault
rect
circle
poly
HTML5 不支持。規(guī)定鏈接的形狀。
target_blank
 _parent
 _self
 _top
framename
規(guī)定在何處打開目標 URL。僅在 href 屬性存在時使用。
type HTML5MIME_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 對象

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清