来看一些a标签的常见用法,觉得有用的话,点个赞哦。
跳转到指定位置(锚点)
在href中填入#再加上某一标签的id则可以跳转至该标签,如果#后面任何id,那就会回到顶部,这个在很多网站都很常见,如果href为空,则是刷新页面。看下面的代码:
<a href="#lala">看看我们的目标</>
<!-- 上面直接跳到该页面footer因为footer的id是lala -->
<a href="">刷新</a>
<div class="aa"></div>
<footer id="lala">目标在这里</footer>
<ul>
<li>好好学习</li>
<li>学有所成</li>
<li>学以致用</li>
<li>乐于助人</li>
</ul>
<a href="#">回到到顶部</a>
可以直接进行拨号,发送邮件,发送短信。
直接拨号降低了网站访问者想要联系你的成本,点击就可以跳转到拨号界面,其他的同理
下面分别是拨号,发送邮件,发送短信
<a href="tel:999999999999999">联系我</a>
<a href="mailto:999999999999999@qq.com">
<a href="sms:999999999999999">
添加链接
非常常规的用法,直接添加链接,文件地址等等,这里需要注意一个target属性
<a href="www.baidu.com" target="_blank">百度以下你就知道</a>
添加该属性会新打开一个窗口运行,而不是直接在原窗口跳转
以上,就是我总结的a标签的常用方法。