HTML4的name锚点已彻底失效，现代页面必须用id属性实现锚点跳转；浏览器仅识别href="#xxx"匹配id="xxx"的元素，且需注意fixed/transform容器、动态渲染及id唯一性等隐藏问题。
HTML4 时代用 name 属性定义锚点目标已彻底失效，现代页面必须改用 id —— 浏览器不会识别 <a name="top"></a> 这类写法，点击链接会静默失败。
为什么 <a name></a> 不再起作用
HTML5 废除了 a 元素的 name 属性；当前所有主流浏览器（Chrome/Firefox/Safari/Edge）只响应具有有效 id 的元素作为锚点目标。即使 HTML4 文档声明存在，解析器也仅按 HTML5 规则处理 a 标签的属性合法性。
-
<a name="section1"></a>在源码中不会生成可跳转的目标节点 - 控制台无报错，但
location.hash变化后页面不滚动，容易误判为 JS 干扰或 CSS 阻止 - 部分旧 CMS 输出的模板若残留
name，需手动替换而非“兼容保留”
正确创建内部锚点的两步写法
锚点跳转本质是 URL hash 匹配元素 id，不是“标记位置”，而是“绑定可寻址标识符”。必须同时满足：链接 href 带 #xxx，且页面中存在 id="xxx" 的元素（任意标签均可，不限 a）。
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 目标位置写法：
<h2 id="contact">联系我们</h2>或<div id="faq">...</div> - 跳转链接写法：
<a href="#contact">跳到联系信息</a> - 不要用
<a id="contact"></a><h2>联系我们</h2>—— 虽能跳，但语义错误且焦点落在空白a上，影响键盘导航
常见跳转失败的三个隐藏原因
即便用了 id，仍可能不滚动：问题往往不在锚点本身，而在渲染上下文或样式干扰。
-
position: fixed或transform父容器会截断 hash 滚动行为（尤其是 Vue/React 动态渲染后） -
scroll-behavior: smooth在某些 iOS Safari 版本下导致 hash 跳转卡住，可临时移除测试 - 目标元素在初始渲染时不存在（如异步加载内容），需在 DOM 插入后手动调用
element.scrollIntoView()，不能依赖原生 hash 导航
真正要注意的是：锚点不是“加个标签就行”，它依赖浏览器对 id 的实时注册机制。动态插入的元素必须确保 id 值唯一且非空，重复 id 会导致跳转到第一个匹配项——这个行为不会报错，但结果不可控。
