应使用标准HTML组合实现脚注链接：用包裹编号、嵌套其中或外包，配合id锚点；id需全局唯一且非纯数字，href须大小写匹配；CSS需调整font-size和vertical-align并处理连续脚注间距及键盘导航焦点。

脚注链接用 @#@#@#@#@#@#@#@#@#@0：点击整个上标区域跳转，屏幕阅读器会读作“链接，上标 1”，推荐

^{@#@#@#@#@#@#@#@#@#@1}：语义更清晰（上标内含链接），但部分旧版 iOS Safari 对 内嵌交互元素支持不稳定

别写成 ^{@#@#@#@#@#@#@#@#@#@2} —— 嵌套 会导致字体异常缩放、行高错乱

参考文献锚点必须用 id，不能只靠 name

HTML5 已废弃 name 属性用于锚点，只认 id。以下写法无效：

<a name="ref1">[1] Author, Title...</a>

正确写法是：

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

<p id="ref1">[1] Author, Title...</p>

• id 值需全局唯一，避免用纯数字如 id="1"（部分浏览器解析异常），推荐 id="ref1" 或 id="cite-2024-001"
• 如果参考文献在另一个页面，链接要写全路径：href="refs.html#ref1"
• 注意大小写敏感：id="Ref1" 和 href="#ref1" 不匹配

样式微调常被忽略的三个细节

默认 上标字号偏小、基线偏高，和正文对不齐：

• 加 vertical-align: baseline; 可缓解跳动感，但可能影响行高 —— 更稳妥是统一用 CSS 控制：sup { font-size: 0.8em; vertical-align: super; }
• 多个连续脚注如 ¹² 之间没空隙，易误读为 “12”，建议加 margin-right: 0.1em;
• 键盘 Tab 导航时， 默认有 outline，若用 outline: none 去掉，必须补足焦点可见性（比如加 box-shadow），否则不符合无障碍要求

实际能跑通的最小可用片段就这几句，其余全是干扰项。真正卡住人的，往往是 id 拼错、 嵌套过深、或者忘了给链接加 href。