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

HTML——锚点

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

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

实现:采用锚点实现。

案例代码:

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

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

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

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

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

我是锚点test1

我是锚点test2

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