2、＜a＞＜/a＞标签全部作用

原创于 2020-11-14 23:21:02 发布 · 1.1w 阅读

12 ·

CC 4.0 BY-SA版权

[面经总结]html/css 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了HTML中<a>标签的target属性，包括_blank、_self、_parent和_top四种用法。分别阐述了它们在新窗口、当前窗口、父框架和整个浏览器窗口打开链接的效果。此外，还提到了<a>标签在创建锚点、拨打电话和发送邮件方面的应用，以及如何利用协议限定符执行JavaScript代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

标签的target属性大致有这几种：

（1）_blank
（2）_self
（3）_parent
（4）_top

作用1 超链接

1、<a href="https://www.baidu.com/" target="_blank">超链接</a>
在一个新的窗口打开连接相应的网页。
2、<a href="https://www.baidu.com/" target="_self">
在原来的窗口打开连接相应的网页。（如果target属性值不写的话，默认是这种方式）
3、<a href="https://www.baidu.com/" target="_parent">
4、<a href="https://www.baidu.com/" target="_top">
5、<a href="#" >
空链接

作用2 锚点

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

通过返回顶部能够实现一个常见的返回顶部的功能。

作用3：打电话或者发邮件

<a href="tel:123456">打电话给号码为123456的人</a>
<a href="mailto:123456@789.com">发邮件给给号码为123456@789.com的人</a>

作用4：协议限定符

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