html无法自动编号参考文献，需用手动配id锚点或js动态实现；仅语义标记作品名，不提供编号与跳转功能。
HTML 里没有自动编号的参考文献列表功能
直接用 <cite></cite> 标签不会生成编号，它只是语义化标记“某处引用了某作品”，浏览器默认不渲染序号、不关联文末列表。想实现类似论文里的 [1][2] 效果，必须靠手动维护或 JS 控制——纯 HTML 做不到自增编号+交叉引用。
用 <ol></ol> + id + @#@#@#@#@#@#@#@#@#@0 指向它
<cite></cite> 替代链接：它不提供跳转能力，仅作语义说明（比如 <cite>Design Patterns</cite>）ref-1 和 #ref-1 必须完全匹配，大小写敏感JavaScript 动态编号容易漏掉两个关键检查点
如果页面参考文献数量多或常变动，可以 JS 自动编号，但以下两点不处理就会出错：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 必须等 DOM 加载完再执行，否则
document.querySelectorAll(".ref-item")可能返回空数组 - 编号插入位置要明确：是在元素内部追加
[1]，还是用data-index配合 CSS::before？后者更干净，但需额外写 CSS - 若文献条目是异步加载（比如从 JSON 渲染），JS 初始化时机得绑定在数据就绪后，不能只靠
DOMContentLoaded
不要指望 <cite></cite> 自动关联参考文献
常见误解是把 <p>如 <cite>Clean Code</cite> 所述…</p> 当成可点击引用。实际上：
-
<cite></cite>无任何交互行为，只是告诉屏幕阅读器“这是作品名” - 它不携带来源信息，也不指向文末任何条目
- 搜索引擎可能用它识别引用关系，但用户看不到编号、点不了跳转
- 真要语义+功能兼顾，得组合用：
@#@#@#@#@#@#@#@#@#@1
<cite></cite> 自己扛起编号和跳转，只会卡在调试半天没反应的阶段。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
