HTML元素及含义,html中a元素的介绍与使用

含义

标签定义超链接，用于从一张页面链接到另一张页面。

元素最重要的属性是 href 属性，它指示链接的目标。

注意：

如果不使用 href 属性，则不可以使用如下属性：download, hreflang, media, rel, target 以及 type 属性。

被链接页面通常显示在当前浏览器窗口中，除非您规定了另一个目标(target 属性)。

请使用 CSS 来设置链接的样式。

属性

href 属性

href 属性规定链接的目标。hyper reference，通常表示跳转地址。

Visit W3School

target 属性

使用 Target 属性，你可以定义被链接的文档在本页面窗口(默认)显示还是新窗口显示。

默认当前窗口打开：

Visit W3School

新窗口打开：

Visit W3School

name 属性

name 属性规定锚(anchor)的名称。当使用命名锚(named anchors)时，我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接。

锚点

文本

当点击文本时，会跳转到锚点位置。

注意：使用 id 属性来替代 name 属性，命名锚同样有效。

场景应用

跳转某个地址(普通链接)

跳转到百度首页

跳转页面某个位置(锚链接)

头部

跳转到锚点1

跳转到锚点2

跳转到锚点3

锚点1

锚点2

锚点3

跳转到头部

功能链接(点击后触发某个功能)

执行js代码

点击输出aaa

发送邮件(mailto)

要求用户计算机上安装有邮件发送软件

点击发送邮件

拨打电话(tel)

使用移动端或者安装拨号软件

点击拨打电话