2.2.html标签3

<a>标签

我们在 语义标签 (了解)里提到过 a 标签是 行内元素(并举例了他的特殊性)下面我们介绍一下他的其他特性

<a>标签定义超链接,a 是 anchor 的缩写。用于从一个页面链接到另一个页面。<a>元素最重要的属性是 href属性,它指定链接的目标。

<a href="https://www.example.com">链接</a>

浏览器为了区分链接的不同状态(如未访问、已访问、悬停和激活)会给a标签设置成不同的颜色。默认情况下:没被点击为蓝色,点击时为红色,点击后为梅紫色

download 属性是HTML5中新增的 <a> 标签属性。download属性只是指示浏览器将链接的目标资源下载到本地,而不是在浏览器中打开。它本质上改变了浏览器的默认行为。但是他不支持跨域。如果不是部署到网站上的html,标签失效。如果是部署到网站上,链接的不是本网站的资源,也会失效

<a href="/images/logo.png" download="logo.png">

target 属性的 4 种值

1、_self: 在当前窗口中打开链接(默认就是这个模式,无需写上了)。

<a href="https://www.example.com" target="_self">链接</a>

适用于在同一窗口中打开链接,不需要新开标签或窗口的情况。

2、_blank: 在新的窗口或标签页中打开链接。

<a href="https://www.example.com" target="_blank">链接</a>

适用于需要在新标签页或新窗口中打开链接,保留原页面的浏览,并让用户保持在跳转的最新页面的情况。其实,我们打开百度搜索并点开一条信息,也是新开了一个窗口,也是使用这种方式。

3、_parent:和 _top:

这 2 者,都适用于嵌套框架 <iframe>标签 中的情况。

_parent: 是在父窗口中打开链接。_top: 是在最顶层的窗口中打开链接,适用于嵌套框架 <iframe>标签 中的情况,忽略所有嵌套的框架。

4、a标签与iframe结合起来 1.给iframe设置name属性 2.将a标签的target设置为iframe的name属性

锚点

通过使用name(或id)属性来设置锚点,(a标签id和name属性都支持,其它标签如div,需要使用id属性)示例代码如下:

1. <a href="#anchor">链接</a>  
2.     <div>  
3.         <p&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

chxii

小小打赏,大大鼓励!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值