a

<a>

HTML <a> 元素  (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。

属性

该元素支持全局属性。

downloadHTML5此属性指示浏览器下载URL而不是导航到URL，因此将提示用户将其保存为本地文件。如果属性有一个值，它将在保存提示中用作预先填写的文件名 (用户仍然可以根据需要更改文件名)。对允许的值没有限制，但是/和\被转换为下划线。大多数文件系统限制文件名中的一些标点符号，浏览器会相应地调整建议的名称。

注意:

• 此属性仅适用于同源 URLs。

• 可以使用 blob: URLs 和 data: URLs 以方便用户下载 JavaScript 方式生成的内容（例如使用在线绘图的Web应用创建的照片）。

• 如果HTTP头的Content-Disposition：存在，并且赋予了一个和这个属性不同的文件名，HTTP头优先于此属性。

• 如果这个属性存在 Content-Disposition 被设置为 inline，火狐优先 Content-Disposition，像之前文件名​​的情况下，而Chrome则优先 download 属性。

href这是一个必需属性为锚定义一个超文本链接来源。这表示链接目标的URL或URL片段。URL片段是由一个hash符号（＃），它指定一个内部目标在当前文档中的位置（ID）开头的名字。URL不限于网页（HTTP）的文件。URL可能使用浏览器所支持的任何协议。例如，文件，FTP，大多数用户代理mailto工作。

注意:可以使用href="#top"或者href="#"链接返回到页面顶部。这种行为在HTML5上被指定。

hreflang该属性用于指定链接文档的人类语言。其仅提供建议，并没有内置的功能。hreflang 允许的值由HTML5 BCP47 所决定。

• "no-referrer" 表示 Referer: 头将不会被发送。

• "no-referrer-when-downgrade" 表示当从使用HTTPS的页面导航到不使用 TLS(HTTPS)的来源 时不会发送 Referer: 头。如果没有指定策略，这将是用户代理的默认行为。

• "origin" 表示 referrer将会是页面的来源，大致为这样的组合：主机和端口（不包含具体的路径和参数的信息）。

• "origin-when-cross-origin" 表示导航到其它来源将会限制为这种组合：主机 + 端口，而导航到相同的来源将会包含 referrer的路径。

• "unsafe-url" 表示 referrer将会包含来源和路径（但是不会是包含密码或用户名的片段）。这种情况是不安全的，因为它可能会将TLS保护的资源的来源和路径泄露给不安全的来源。

rel该属性指定了目标对象到链接对象的关系。该值是空格分隔的列表类型值。

• _self: 当前页面加载，即当前的响应到同一HTML 4 frame（或HTML5浏览上下文）。此值是默认的，如果没有指定属性的话。

• _blank: 新窗口打开，即到一个新的未命名的HTML4窗口或HTML5浏览器上下文

• _parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文，此选项的行为方式相同_self。

• _top: IHTML4中：加载的响应成完整的，原来的窗口，取消所有其它frame。 HTML5中：加载响应进入顶层浏览上下文（即，浏览上下文，它是当前的一个的祖先，并且没有parent）。如果没有parent框架或者浏览上下文，此选项的行为方式相同_self

注意：使用target时，考虑添加 rel="noopener norefferrer" 以防止针对 window.opener API 的恶意行为。

type该属性指定在一个MIME type链接目标的形式的媒体类型。其仅提供建议，并没有内置的功能。

过时的

charset已废弃HTML5此属性定义链接资源的字符编码。该值是一个空格- 和/或逗号分隔的RFC 2045中定义的字符集列表。默认值是ISO-8859-1。

Usage note: This attribute is obsolete in HTML5 and should not be used by authors. To achieve its effect, use the HTTP Content-Type: header on the linked URL.

coordsHTML 4only,已废弃HTML5对于使用对象的形状，这个属性使用逗号分隔的数字列表来定义对象在页面上的坐标。nameHTML 4only,已废弃HTML5该属性在页面中定义锚点的目标位置时是必须的。

使用说明:该属性在 HTML5中是过时的, 使用全局属性id来代替。

revHTML 4only,已废弃HTML5该属性用于指定当前文档与被链接文档的关系。用于 <a> 标签的可选属性 rel 和 rev 分别表示源文档与目标文档之间正式的关系和方向。rel 属性指定从源文档到目标文档的关系，而 rev 属性则指定从目标文档到源文档的关系。这两种属性可以在 <a> 标签中同时使用。对于网页编者来说，这个属性很有用，可以通过它来查看外链的来源。

说明：建议使用usemap 属性在<img>元素和相关的<map>元素中来定义热点而不是用形状属性。

示例

链接到外部地址

<!-- anchor linking to external file -->
<a href="https://www.mozilla.com/">
External Link
</a>

结果

外部链接

链接到本页的某个部分

<!-- links to element on this page with id="attr-href" -->
<a href="#attr-href">
Description of Same-Page Links
</a> 

结果

相同页面链接的描述

创建一个可点击的图片

这个小例子使用图像链接到MDN主页。主页将在新的浏览环境，这是一个新的页面或新标签中打开研究。

<a href="https://developer.mozilla.org/en-US/" target="_blank">
  <img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png"
       alt="MDN logo" />
</a>

结果

创建一个email链接

这是常见的创建按钮或链接，将用户的电子邮件程序打开，让他们发送新邮件。这是通过使用一个mailto链接完成的。这里有一个简单的例子：

<a href="mailto:nowhere@mozilla.org">Send email to nowhere</a>

生成这样的链接: 

Send email to nowhere.

有关mailto URL方案的更多细节，比如如何包含主题，正文，或其他预定内容，参考 Email links orRFC 6068.

创建电话链接

提供电话链接有助于用户查看连接到手机的网络文档和笔记本电脑。

<a href="tel:+491570156">+49 157 0156</a>

更详细的语法请查看RFC 2806andRFC 2396。

使用 download 属性保存画布为PNG格式

如果你想允许用户下载一个HTML画布，你可以创建一个下载属性和画布数据作为文件URL链接图像：

var link = document.createElement('a'
link.textContent = 'download image';

link.addEventListener('click', function(ev) {
    link.href = canvas.toDataURL(
    link.download = "mypainting.png";
}, false

document.body.appendChild(link

可以查看这个例子 http://jsfiddle.net/codepo8/V6ufG/2/

备注

html 3.2 只定义 name, href, rel, rev, 和 title 属性。

无障碍建议

锚点标签常常通过将 href 属性设置为 "#" 或 "javascript:void(0)" 来创造一个能阻止页面刷新的伪按钮的方式被滥用。 这些属性值会在拖动 / 复制链接时导致意外行为，在新窗口 / 新标签打开链接，加入书签以及 JavaScript 仍在下载时会出现错误或被禁用。这也会向辅助技术（如屏幕阅读器）传达不正确的语义。在这些情况下，推荐使用 <button> 来代替。通常情况下，您应该只将锚点用于正常的 URL 导航。 

Clicking 及 focus

点击一个 <a> 标签是否会出现 focus 取决于浏览器和操作系统。

规范

浏览器兼容性