具有 href 属性的 a 标签是超链接,具有 name 属性的 a 标签是锚点。
name 和 id 都是区分大小写的,且 id 最好别是数字开头。
具体使用方式:
<!-- 第一种方式:a标签配合name属性 --> <a name="test1"></a> <!-- 跳转到test1锚点--> <a href="#test1">去test1锚点</a> 推荐: <!-- 第二种方式:其他标签配合id属性 --> <h2 id="test2">我是一个位置</h2> <!-- 跳转到test2锚点--> <a href="#test2">去test1锚点</a>
<!-- 跳到本页面顶部 --> <a href="#">回到顶部</a> <!-- 跳转到其他页面锚点 --> <a href="demo.html#test1">去demo.html页面的test1锚点</a> <!-- 刷新本页面 --> <a href="">刷新本页面</a> <!-- 执行一段js,脚本放在:与;之间,可以留空,javascript:; --> <a href="javascript:alert(1);">点我弹窗</a>
4.超链接可以唤起指定应用
<!-- 唤起设备拨号 -->
<a href="tel:10010">电话联系</a>
<!-- 唤起设备发送邮件 -->
<a href="mailto:10010@qq.com">邮件联系</a>
<!-- 唤起设备发送短信 -->
<a href="sms:10086">短信联系</a>
