学术文章脚注必须用语义化HTML实现，即触发点与内容区通过id/href双向锚点配对，禁用硬编码和absolute定位，确保可访问、可打印、可复用。
学术文章脚注不能靠 + 手动编号硬凑，否则引用跳转失效、重用困难、打印/导出时错位——必须用语义化 HTML + 原生交互机制实现可访问、可复用、可打印的脚注系统。
用 @#@#@#@#@#@#@#@#@#@0（role="doc-noteref" 告诉屏幕阅读器这是注释引用）
@#@#@#@#@#@#@#@#@#@1
id 和 href，大小写、数字、连字符都要完全一致，否则点击无响应javascript:void(0) 或空 href，会破坏键盘 Tab 导航和打印锚点避免用 position: absolute 覆盖脚注区域
常见错误是把脚注内容用 CSS 绝对定位压在页面底部，看似“像 Word 脚注”，实则导致：打印时消失、屏幕阅读器无法朗读、移动端缩放后错位、CSS 未加载时内容不可见。
正确做法是让脚注作为文档流自然排布：
- 把所有
放在@#@#@#@#@#@#@#@#@#@2，无需额外 ID - 返回链接（↩）只需保留在第一个引用处，或统一放在脚注末尾（避免每个重复引用都加返回链，干扰阅读）
- 若需区分“首次引用”和“后续引用”（如显示“同上”），必须用 JS 动态判断，纯 HTML 无法识别上下文
最易被忽略的是打印样式——很多开发者测试只看浏览器界面，但学术提交常需 PDF。务必检查 @media print 下 aside[role="doc-endnotes"] 是否被设为 display: block 且未被 display: none 覆盖；脚注返回链接（↩）在打印时建议隐藏，避免冗余符号。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
