LOADING...

加载过慢请开启缓存(浏览器默认开启)

loading

锚点跳转

2021/3/10 html
  1. 具有 href 属性的 a 标签是超链接,具有 name 属性的 a 标签是锚点。

  2. name 和 id 都是区分大小写的,且 id 最好别是数字开头。

  3. 具体使用方式:

    <!-- 第一种方式: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>
img_show