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到了吗?
然而,金无足赤,不足之处有望指出。