html5 中 name 属性已失效，锚点必须用 id：href="#id" 需匹配元素 id="id"，区分大小写且避免纯数字开头；启用平滑滚动需 css scroll-behavior: smooth；固定头部需 scroll-margin-top。
NAME 属性在现代 HTML 中已失效
直接用 name 属性定义锚点目标点，在 HTML5 中不生效，点击 <a href="#xxx"></a> 不会滚动到对应位置。浏览器会忽略 <div name="xxx"> 或 <code><p name="xxx"></p> 这类写法——这不是兼容性问题，是规范移除。
用 ID 替代 NAME 实现锚点跳转
所有可滚动到的元素必须有 id 属性，且值与 href 中的片段标识符（# 后部分）完全一致：
<a href="#section2">跳转到第二节</a> <h2 id="section2">第二节标题</h2>
-
id值区分大小写，#Section2和id="section2"不匹配 - 不要用纯数字开头（如
id="123"），部分旧版 Safari 可能异常 - 避免空格、中文、特殊符号；用短横线或驼峰更稳妥（
id="user-profile"）
滚动行为不平滑？补上 CSS
默认跳转是瞬时滚动，加一行 CSS 就能启用原生平滑滚动：
html {
scroll-behavior: smooth;
}
- 仅对通过
href="#id"或element.scrollIntoView()触发的滚动生效 - 不支持 IE，但 Chrome/Firefox/Safari（≥15.4）和 Edge 都已稳定支持
- 如果页面有固定头部，需配合
scroll-margin-top避免被遮挡：h2 { scroll-margin-top: 60px; }
JavaScript 动态锚点要小心 hashchange
手动改 location.hash 或监听 hashchange 事件时，注意两点：
- 设置
location.hash = "section3"会触发滚动，但若对应id="section3"元素尚未渲染（比如异步加载内容），滚动会失败 - 首次访问带 hash 的 URL（如
page.html#section4）时，hashchange不触发，要用DOMContentLoaded或load检查location.hash - 想阻止默认锚点行为（比如改用动画库滚动），得在
<a></a>上加event.preventDefault()，再自己调用document.getElementById(...).scrollIntoView()
ID 是唯一可行的锚点标识符，NAME 已彻底退出历史舞台。很多人卡在“写了 name 却不跳转”，其实根本不是兼容性问题，而是写法本身已被浏览器无视。
