cite标签不能直接跳转到参考文献，因为它仅是纯语义标记，不生成id、不解析href、不支持隐式绑定；必须用a标签包裹cite并指向带id的参考文献条目才能实现可访问关联。
cite 标签本身不建立可点击的链接或双向语义关联，它只是标记引用来源的名称或标题，不是引用锚点或参考文献列表项。
为什么 cite 不能直接跳转到参考文献？
cite 是纯语义标签，浏览器不会自动把它和文档末尾的参考文献列表关联起来——它既不生成 ID，也不解析 href，更不支持 aria-labelledby 或 data- 属性的隐式绑定。常见误解是以为写 <cite>Smith et al., 2022</cite> 就能对应到下方的 <li id="smith2022">...</li>，但实际毫无连接。
如何手动实现引用与参考文献的可访问关联？
必须靠开发者显式构造：用 a 标签包裹 cite，并指向带 ID 的参考文献条目。这是唯一被屏幕阅读器、键盘导航和搜索引擎识别的方式。
- 引用处写成：
@#@#@#@#@#@#@#@#@#@0 - 参考文献处写成：
<li id="ref-1">Knuth, D. E. (1973). <em>The Art of Computer Programming</em>...</li> - 避免只用
cite单独出现，尤其在学术写作中；它应始终嵌套在可交互或有上下文的结构里（如p、blockquote或figcaption） - 若需批量管理，可用
data-cite-id配合 JS 补充焦点滚动或悬停提示，但不可替代原生href
cite 和 q/blockquote 的配合要点
cite 常出现在 q 或 blockquote 的 footer 或紧邻位置，但它不负责定位，只负责标明“这句话出自哪里”。真正构成引用闭环的，是人工维护的 ID–href 对。
- 正确：
<blockquote> <p>Premature optimization is the root of all evil.</p> <footer>— @#@#@#@#@#@#@#@#@#@1</footer> </blockquote> - 错误：
<blockquote cite="https://example.com/knuth">...</blockquote>—— 这个cite属性只提供元数据 URL，不渲染、不跳转、不关联本页参考文献 - 注意：
<cite></cite>内容不应重复作者全名+年份+标题三要素，通常只放最易识别的标识符（如“Knuth, 1974”），详细信息留给参考文献列表
真正起作用的是 a[href] + id 这对组合，cite 只是让这段文字在语义上“看起来像一个来源名称”。漏掉链接，就等于没建立关联。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
