前言
提示：锚点通俗来说就是起到文章目录的作用，精准跳转到文章指定位置
用锚点实现回到顶部、回到底部、到文章中任意段落
一、锚点是什么？
在我们学习HTML的过程中，要理解写页面的作用，最初写页面的本质是为了文章服务的，一篇文章如果太长，我们想回到顶部、或者回到某一个段落就会费劲儿，所以锚点就是为了精准定位段落，起到目录的效果。
二、使用步骤
1.操作
1. 写一篇文章 2. 跳转底部，就需要给底部最后一个元素添加唯一标识id，，再href里用#id跳转 3. 跳转到自然段，同上，给某个自然段添加唯一标识id，再href里用#id跳转 4. 跳转顶部，只使用#就可以了 2.锚点示例
代码如下（示例）：
<h1>测试锚点</h1> <a href="#bottom">去底部</a> <a href="#p3">去第12个自然段</a> <p>1.红豆生南国，春来发几枝。愿君多采撷，此物最相思。</p> <p>2.红豆生南国，春来发几枝。愿君多采撷，此物最相思。</p> <p id="p3">3.红豆生南国，春来发几枝。愿君多采撷，此物最相思。</p> <p>4.红豆生南国，春来发几枝。愿君多采撷，此物最相思。</p> <p>5.红豆生南国，春来发几枝。愿君多采撷，此物最相思。</p> <p>6.红豆生南国，春来发几枝。愿君多采撷，此物最相思。</p> <a id="bottom" href="#">去顶部</a>总结
本文仅简单介绍了html中锚点的使用。
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdhtml/3044.html