HTML 参考手册

HTML 标签大全

HTML: <a> 标签

HTML <a>标签定义HTML文档中指向URL或目标的超链接。该标签通常也称为 <a>元素。

在线示例

链接到菜鸟教程 :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaojc.com)</title> 
</head>
<body>
<a href="">访问菜鸟教程!</a>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 <a> 标签。

标签定义及使用说明

<a> 标签定义超链接,用于从一个页面链接到另一个页面。

<a> 元素最重要的属性是 href 属性,它指定链接的目标。

在所有浏览器中,链接的默认外观如下:

  • 未被访问的链接带有下划线而且是蓝色的

  • 已被访问的链接带有下划线而且是紫色的

  • 活动链接带有下划线而且是红色的

提示和注意

  •   HTML <a>元素位于<body>标记内。

  •   开头<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 不支持。规定目标 URL 的字符编码。
coordscoordinatesHTML5 不支持。规定链接的坐标。
downloadHTML5filename指定下载链接
hrefURL规定链接的目标 URL。
hreflanglanguage_code规定目标 URL 的基准语言。仅在 href 属性存在时使用。
mediaHTML5media_query规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。
namesection_nameHTML5 不支持。规定锚的名称。
pingHTML5list_of_URLs指定URL的空格分隔的列表,当链接之后,ping请求将被浏览器发送(后端)。通常用于追踪
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
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
revtextHTML5 不支持。规定目标 URL 与当前文档之间的关系。
shapedefault
rect
circle
poly
HTML5 不支持。规定链接的形状。
target_blank
 _parent
 _self
 _top
framename
规定在何处打开目标 URL。仅在 href 属性存在时使用。
type HTML5MIME_type规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
注:MIME = Multipurpose Internet Mail Extensions。

全局属性

<a> 标签支持 HTML 的全局属性

事件属性

<a> 标签支持 HTML 的事件属性

在线示例

图片链接  本示例演示如何使用图片链接。

在当前页面链接到指定位置 本示例演示如何使用书签

跳出框架  本示例演示如何跳出框架,假如你的页面被固定在框架之内。

创建电子邮件链接 本示例演示如何链接到一个邮件。(本示例在安装邮件客户端程序后才能工作。)

创建电子邮件链接 2  本示例演示更加复杂的邮件链接。

创建电话链接 本示例演示创建一个可以拨打电话的链接

相关文章

HTML 教程:HTML 链接

HTML DOM 参考手册: Anchor 对象