HTML中超链接原来还有这种操作??

HTML中的a标签,即超链接,它对我们来说是最基础和最常见不过了,但是,我们有真正静下心来思考它了吗?往往最简单的事物却能带给我们更多的思考。我们经常用a标签来进行页面的跳转或锚点的使用。其实,a标签有五种使用方式,其不同点在于href属性的不同。(有这么多种操作???不可思议~请往下看!!)

五种方式如下代码所示:

<a href="https://www.baidu.com">点我跳转百度</a>
<br />
<a href="javascript:void(0)">点我跳转百度</a>
<br />
<a href="#">点我跳转百度</a>
<br />
<a href="##">点我跳转百度</a>
<br />
<a _href="https://www.baidu.com">点我跳转百度</a>

五种方式从上到下依次解析:

第一种正常跳转。

第二种:调用脚本的时候最好使用Javascript:void(0)。【一般使用Ajax时用的较多】

第三种:#包含了一个位置信息,默认的锚是#top,也就是网页的顶端。所以这样使用的超链接点击时就像设置了Top锚点一样直接回到顶部。

第四种:双#为空链接,保留超链接的默认样式(默认有下划线,字体为彩色),但是点击时却无任何反应。

第五种:_href 即在属性href前多了下划线,导致a标签为死链接,没有超链接的任何样式和功能。(正常文本显示)




总结看完了,这波技能Get到了吗?


然而,金无足赤,不足之处有望指出。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值