HTML <a>标签定义HTML文档中指向URL或目标的超链接。该标签通常也称为 <a>元素。
链接到基础教程网 :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基础教程网(nhooo.com)</title> </head> <body> <a href="https://www.nhooo.com">访问基础教程网!</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 中,<a> 标签既可以是超链接,也可以是锚。在 HTML5 中,<a> 标签是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。
HTML5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。
New :HTML5 中的新属性。
属性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
coords | coordinates | HTML5 不支持。规定链接的坐标。 |
downloadHTML5 | filename | 指定下载链接 |
href | URL | 规定链接的目标 URL。 |
hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
mediaHTML5 | media_query | 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。 |
name | section_name | HTML5 不支持。规定锚的名称。 |
pingHTML5 | list_of_URLs | 指定URL的空格分隔的列表,当链接之后,ping请求将被浏览器发送(后端)。通常用于追踪 |
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 | 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
shape | default rect circle poly | HTML5 不支持。规定链接的形状。 |
target | _blank _parent _self _top framename | 规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
type HTML5 | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 注:MIME = Multipurpose Internet Mail Extensions。 |
<a> 标签支持 HTML 的全局属性。
<a> 标签支持 HTML 的事件属性。
图片链接 本示例演示如何使用图片链接。
在当前页面链接到指定位置 本示例演示如何使用书签
跳出框架 本示例演示如何跳出框架,假如你的页面被固定在框架之内。
创建电子邮件链接 本示例演示如何链接到一个邮件。(本示例在安装邮件客户端程序后才能工作。)
创建电子邮件链接 2 本示例演示更加复杂的邮件链接。
创建电话链接 本示例演示创建一个可以拨打电话的链接
HTML 教程:HTML 链接
HTML DOM 参考手册: Anchor 对象