当前位置:首页>-超链接锚点邮件地址-html5内联文本语义

-超链接锚点邮件地址-html5内联文本语义

  • 更新时间 2025-07-22 15:48:03

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

浏览器支持

所有浏览器都支持

示例

链接到外部地址

external link

链接到本页的某个部分

description of same-page links

创建一个可点击的图片

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

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

send email to nowhere

生成这样的链接:Send email to nowhere.

创建电话链接

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

+123456789

使用 download 属性将保存为 PNG 格式

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

var link = document.createelement('a');link.innerhtml = 'download image';link.addeventlistener('click', function(ev) {link.href = canvas.todataurl();link.download = "mypainting.png";}, false);document.body.appendchild(link);

无障碍建议

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

定义和用法

标签定义超链接,它用于从一个页面连接到另一个页面。

内容分类允许的内容标签省略允许的父元素Permitted ARIA rolesDOM 接口
流内容、文字内容、交互内容、可触摸内容。
可见的内容(Transparent),包含流内容(不包括交互式内容)或文字内容(段落内容元素)。
不允许,开始标签和结束标签都不能省略。
接受短语内容的任何元素或接受流内容的任何元素,但始终不接受元素(根据对称的逻辑原理,如果标记作为父元素,不能具有交互内容,则相同的内容不能具有标记作为其父元素)。
button,checkbox,menuitem,menuitemcheckbox,menuitemradio,option,radio,switch,tab,treeitem
HTMLAnchorElement

属性

该元素的属性包含全局属性。

-超链接锚点邮件地址-html5内联文本语义

  • downloadHTML5此属性指示浏览器下载 URL 而不是导航到它,因此将提示用户将其保存为本地文件。如果属性有一个值,那么此值将在下载保存过程中作为预填充的文件名(如果用户需要,仍然可以更改文件名)。此属性对允许的值没有限制,但是/和会被转换为下划线。大多数文件系统限制了文件名中的标点符号,故此,浏览器将相应地调整建议的文件名。THML5中废弃。此功能已过时。尽量避免使用它。
  • coordsTHML5中废弃对于使用对象的形状,此属性使用逗号分隔的数字列表来定义对象在页面上的坐标。
  • nameTHML5中废弃该属性在页面中定义锚点的目标位置时是必须的。name的值类似于ID核心属性值,该属性值在文档中是唯一的且由数字字母标示符所组成的。在 HTML4.01 规范中,id和name都可以使用元素,只要他们有相同的值。THML5中废弃。此功能已过时。尽量避免使用它。

属性

属性描述45
charset不赞成。规定目标 URL 的字符编码。4
coords不赞成。规定适于 shape 属性的坐标,为图像映射定义图像的区域。4
href链接的目标 URL。45
hreflang规定目标 URL 的基准语言。仅在 href 属性存在时使用。45
media规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。5
name不赞成。命名一个锚。不支持。使用 id 代替。4
ping

由空格分隔的 URL 列表,当用户点击该链接时,这些 URL 会获得通知。

仅在 href 属性存在时使用。

5
rel规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。45
rev不赞成。规定目标 URL 与当前文档之间的关系。4
shape不赞成。为当前 area 标签中的映射定义的地区类型。与 coords 属性一起使用。4
target在何处打开目标 URL。仅在 href 属性存在时使用。45
type规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。45

HTML 4.01 与 HTML 5 之间的差异

在 HTML 4.01 中,标签既可以是超链接,也可以是锚。这取决于是否描述了 href 属性。

在 HTML 5 中,是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。

HTML 5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。

例子

链接到 qq344225443:

qq344225443

在新窗口中打开 qq344225443:

qq344225443

链接到 www.baikegou.com :

html

最新文章

随机文章