最可靠做法是用带id属性的标签包裹句子，如这是文章开头的第一句话，再通过跳转；id值须为小写短横线格式，且需避免与固定导航栏重叠。
HTML 中怎么给一句话加锚点
直接用 <a></a> 标签套住那句话，同时加 id 属性——这是最可靠、浏览器兼容性最好、SEO 友好的做法。别用 name，它在 HTML5 里已废弃。
为什么不能只靠 href 或 class 来当锚点
锚点跳转依赖的是 URL 中的 #xxx 和页面内匹配的 id 值，不是 class、data- 属性或文本内容。浏览器不会“搜索文字”来定位，只会查 id（或极老版本的 name）。
-
class="section-2"再精准也没用，#section-2不会跳过去 -
href="#my-paragraph"要生效，页面里必须有id="my-paragraph"的元素 - 多个相同
id会导致行为不可预测（浏览器通常只认第一个）
实际怎么写：一行代码搞定
把目标句子包进带 id 的 <a></a> 里，既可点击跳转，也能被外部链接定位：
<a id="intro">这是文章开头的第一句话</a>
然后其他地方写：
立即学习“前端免费学习笔记（深入）”；
<a href="#intro">回到开头</a>
- 如果这句话本身不需要可点击，用
<span id="xxx"></span>也行，但<a></a>更语义清晰且默认可聚焦（对键盘用户友好） -
id值不能含空格、中文、特殊符号（如.、:），推荐用短横线分隔的小写字母，比如faq-installation - 注意大小写敏感：
#FAQ≠#faq
容易被忽略的细节：滚动偏移和空链接问题
直接跳转后，目标元素会贴顶显示，常被固定导航栏挡住。这不是锚点写错了，是 CSS 行为问题。
- 给带
id的元素加scroll-margin-top（现代浏览器支持），比如scroll-margin-top: 60px - 老浏览器可用
padding-top+margin-top: -60px模拟，但要确保父容器没overflow: hidden - 别写成
<a href="#">…</a>然后靠 JS 绑定——这会让锚点失效，且无法被分享或后退
锚点本质就是 ID 匹配，越简单越稳。复杂逻辑（比如动态生成 ID、JS 滚动控制）反而容易断链或影响可访问性。
