HTML添加锚点方法及示例详解

为什么不能只靠 href 或 class 来当锚点

锚点跳转依赖的是 URL 中的 #xxx 和页面内匹配的 id 值，不是 class、data- 属性或文本内容。浏览器不会“搜索文字”来定位，只会查 id（或极老版本的 name）。

• class="section-2" 再精准也没用，#section-2 不会跳过去
• href="#my-paragraph" 要生效，页面里必须有 id="my-paragraph" 的元素
• 多个相同 id 会导致行为不可预测（浏览器通常只认第一个）

实际怎么写：一行代码搞定

<a id="intro">这是文章开头的第一句话</a>

然后其他地方写：

<a href="#intro">回到开头</a>

直接跳转后，目标元素会贴顶显示，常被固定导航栏挡住。这不是锚点写错了，是 CSS 行为问题。