cite属性仅合法用于<blockquote>、<q>、<ins>、四个标签，值必须为URL，与<cite>元素语义不同，不可混用。
cite 属性不是用来“显示来源”的，它只提供机器可读的原始出处 URL，且仅在特定标签上合法有效。
哪些 HTML 标签能用 cite 属性
cite 属性只能加在 <blockquote>、<q>、<ins>、<del> 这四个元素上。加在 <p>、<div>、<span> 上属于无效 HTML，浏览器会忽略，验证器会报错，屏幕阅读器也读不出来。
-
<blockquote cite="https://example.com/report">…</blockquote>：适合大段引用，指向原文网页或 PDF -
<q cite="https://example.com/speech">一句话</q>：内联短引用，UA 可能自动加引号 -
<ins cite="/log/2024-05-edit.json" datetime="2024-05-01">新增内容</ins>：标注协作编辑依据 -
<del cite="https://retraction.watch/2024-001">被删文本</del>：说明删除行为的权威出处
cite 属性的值必须是 URL，不能是书名或作者
cite 的值必须是合法的绝对或相对 URL（如 /docs/whitepaper.pdf 或 https://w3c.github.io/html/semantics.html#the-cite-element），不能是 《Web 语义化实践》、张三, 2024、见附录A 这类文本。
- 填非 URL 值不会报错，但毫无语义价值；辅助技术可能跳过或误读为乱码
- URL 中避免空格、中文、未编码特殊字符（如
cite="article?id=1"要写成cite="article%3Fid%3D1"） - 没有在线来源时，宁可省略 cite 属性，改用
<footer>+<cite>组合呈现人类可读信息
cite 属性和 <cite> 元素完全不是一回事
cite 属性是纯元数据，不渲染、不朗读、不影响 SEO；<cite> 是行内语义元素，专门包裹作品标题（如书名、电影名、文章名），必须出现在引用上下文中才有意义。
立即学习“前端免费学习笔记（深入）”；
<blockquote cite="https://example.com/book"><p>“技术债不是欠钱…”</p><footer>— <cite>重构：改善既有代码的设计</cite>, Martin Fowler</footer></blockquote>-
<cite>里不能塞作者、年份、出版社、页码——这些属于<footer>或普通文本职责 -
<cite>默认无样式，需 CSS 显式设font-style: italic才显斜体；别指望它自动变样
常见错误现象与调试建议
检查 HTML 时发现 cite “没起作用”，大概率是踩了下面这些坑：
- 把
cite加在<p>上，结果 DevTools 里属性存在但完全无响应 - 写
cite="王教授讲座"，W3C 验证器标红，读屏器读成“王、教、授、讲、座” - 以为
<cite>能替代参考文献列表——它只是单个作品标题容器，不支持嵌套<ol>或批量管理 - 给
<q cite="..."></q>加aria-label，反而覆盖了 cite 的语义，让辅助技术彻底忽略原始出处
真正要兼顾机器可读与人类可读，得靠 cite 属性 + <cite> 元素 + <footer> 三层配合，缺一不可。单独用任何一个，语义都是残缺的。
