<cite>标签仅用于包裹作品标题，不处理URL、作者、年份等信息；其语义严格限定为“被引用作品的名称”，须与<footer>、Schema.org等配合实现完整学术引用。
cite 标签本身**不处理来源链接**，也不能替代学术引用所需的作者、年份、页码等信息；它只负责包裹作品标题——比如书名、文章名、电影名。想靠它实现 APA/MLA 引用或自动脚注？做不到。
为什么 cite 不能放 URL 或作者名
W3C 明确定义：cite 的语义是「被引用作品的名称」，不是出处地址，也不是人名。常见错误包括：
-
<cite>https://example.com/report</cite>—— URL 不是作品名，违反规范 -
<cite>张三，2023</cite>—— 年份和作者不属于cite的语义范围 -
<cite>《Web 语义化实践》（第2版）</cite>—— 括号内说明属于冗余元数据，应剥离
浏览器默认将 cite 渲染为斜体，但这只是样式表层行为；读屏器会把它朗读为“作品标题”，若塞进 URL，辅助技术可能误读为“h-t-t-p-冒号-斜杠-斜杠…”。
cite 属性和 cite 元素必须分开用
cite 属性是纯元数据，只能加在 <blockquote>、<q>、<ins>、<del> 上，且值必须是合法 URL（如 /papers/2024-accessibility.pdf）。它不渲染、不朗读、不影响 SEO。
立即学习“前端免费学习笔记（深入）”；
- ✅ 正确：
<blockquote cite="https://w3c.github.io/html/semantics.html#the-cite-element">…</blockquote> - ❌ 错误：
<p cite="王教授讲座">…</p>——p不支持cite属性，验证器报错 - ❌ 错误：
<blockquote cite="见附录A">…</blockquote>—— 值不是 URL，无语义价值
真正要让用户看到来源，得靠 <footer> + <cite> 组合：<footer>— <cite>Web 语义化实践</cite>, 李四, 2024</footer>。这里 cite 只包书名，其余文本是普通内容。
学术网页中怎么安全标注引用
纯 HTML 无法生成带编号、悬挂缩进、DOI 解析的参考文献列表。但你可以让引用既可读又可解析：
- 正文提及作品时，用
<cite>Frontend Accessibility Patterns</cite>包裹标题 - 大段引文后，用
<footer>手动写作者、年份、出版信息，再套<a href="..."><cite>...</cite></a>实现跳转 - 需要机器可读元数据（如被 Zotero 抓取），补 Schema.org 的
schema:CreativeWork或 Microdata - 避免把整条 APA 引用（含作者+年份+页码+DOI）塞进一个
cite标签里——语义崩坏，工具无法识别
最容易被忽略的一点：学术场景下，cite 的作用不是“完成引用”，而是“标记标题”。要不要署名、标 DOI、加访问日期，取决于你面对的是论文评审人、协作开发者，还是爬虫——每种角色需要不同的补充手段，而 cite 只管其中最窄的一环。
