序言:

今天有群友遇到了一个问题，说是一个链接按钮，按了无法跳转，代码是这样的:

<div> <a class="btn" href="https://xxxxx" target="_blank">xxx</a></div>

所以我就突然想着再复习一下关于<a></a>标签的用法，然后在这里做一个记录

用法

一:超链接

二:锚点

三:打电话

四:限定符

演示实例:

超链接

<a href="https://xsunhua.cn"target="_blank">怡然一记</a>在一个新的页面打开链接

锚点

<div id="runtop"></div>

通过<a href="#runtop">返回顶部</a>能够实现一个常见的返回顶部的功能。

 打电话

<a href="tel:123456">打电话给号码为123456的人</a>

 限定符

<a href="javascript:alert("强制运行的javascript代码")">这样就能够在<a>标签被点击的时候强制运行href属性里面的代码</a>

知识拓展:关于target属性

_blank ：在新的页面打开

__self : 这个目标的值对所有没有指定目标的 <a> 标签是默认目标

_parent:这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架

_top  : 这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。