当前位置:首页 > 建站学院 > 前端开发 >  HTML——锚点

HTML——锚点

前端开发   发布日期:2025年06月09日   浏览次数:132

需求:在页面中设置一个超链接,当点击这个超链接时,当前页指定的位置会直接划到页首。

实现:采用锚点实现。

案例代码:

  1. <p><a href="#test1">点击这里跳转到锚点test1</a></p>
  2. <p><a href="#test2">点击这里跳转到锚点test2</a></p>
  3. 中间省略若干行.....
    <p id="test1">我是锚点test1</p>
  1. 中间省略若干行.....

    <p id="test2">我是锚点test2</p>

 运行结果(下方可点击测试)

点击这里会让锚点test1应用上配置的属性

点击这里会让锚点test2应用上配置的属性

我是锚点test1

我是锚点test2

以上就是HTML——锚点的详细内容,更多关于HTML——锚点的资料请关注九品源码其它相关文章!