a标签的跳转、锚点、target特性、打电话、发邮件、回到页面顶部、默认行为等使用说明

标签定义及使用说明
<a> 标签定义超链接,用于从一个页面链接到另一个页面。
<a> 元素最重要的属性是 href 属性,它指定链接的目标。
在所有浏览器中,链接的默认外观如下:
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的

1、跳转、下载文件、锚点的常用说明

// 这个标签,点击百度,跳转到https://www.baidu.com这个网站,可更改任意网站
<a href="https://www.baidu.com">百度</a>

// 下载文件
<a href="https://www.baidu.com/test.zip">下载文件</a>

// 锚点地址
<a href="#test">锚点</a>
<div id="test">锚点内容</div>

2、target特性

_self:      当前窗口(默认)
_blank:     新窗口
_parent:    父框架集
_top:       整个窗口

<a href="https://www.baidu.com/" target="_self">百度</a>
<a href="https://www.baidu.com/" target="_blank">百度</a>
<a href="https://www.baidu.com/" target="_parent">百度</a>
<a href="https://www.baidu.com/" target="_top">百度</a>

3、点击链接后,阻止响应点击事件默认行为

<a href="javascript:void(0)">默认行为</a>
<a href="javascript:;">默认行为</a>

4、打电话、发邮件、回到页面顶部

<a href="mailto:12345678@qq.com">12345678@qq.com</a>
<a href="tel:18612345678">18612345678</a>
<a href='#'>回到顶部</a>

  • 10
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值