<cite>标签仅包裹正式作品标题，不得包含作者、年份等元数据；<blockquote>的cite属性必须为有效URI，二者语义严格分离，需协同<footer>等标签完成完整引用。
cite标签只包作品名，不包作者、年份、出版社
cite 的语义边界非常窄：它只接受人类可读的**正式作品标题**，比如《平凡的世界》、The Art of Computer Programming、肖申克的救赎。混入任何元数据都会破坏 HTML5 规范定义的语义纯净性。
常见错误包括：
-
<cite>Gamma 等著,《设计模式》,1994</cite>—— 作者和年份不属于标题本身 -
<cite>https://react.dev/reference/react/useEffect</cite>—— URL 不是作品名，是资源地址 -
<cite>Dan Abramov</cite>—— 人名不能进cite，W3C 明确说明它表示“作品”，不是“创作者”
浏览器和读屏器会把整段内容当作“作品标题”朗读，导致辅助技术误判；SEO 也可能因语义混乱而降权。
blockquote 的 cite 属性必须填真实 URL，不是书名或页码
cite 属性只能用在 <blockquote>、<q>、<ins>、<del> 这四个标签上，且它的值**必须是可访问的 URI**（绝对或相对路径），例如 cite="https://example.com/book" 或 cite="/docs/spec.pdf"。
立即学习“前端免费学习笔记（深入）”；
填错的典型表现：
- 在
<p>或<div>上加cite属性 → 浏览器完全忽略，读屏器读不到 -
cite="《JavaScript权威指南》第3章"→ 非法值，HTML 验证器报错 -
cite="article?id=中文标题"→ 未编码中文或空格会导致解析失败
即使出处是纸质书，也建议用 ISBN 链接（如 https://isbnsearch.org/isbn/97875198XXXXX）而非留空或硬塞假链接。
完整引用需多个语义标签协同，单靠 cite 元素或属性都不够
一次合规的引用需要多个语义标签配合：<blockquote> 表达引用行为，cite 属性提供机器可读来源，<cite> 元素呈现作品标题，<footer> 或普通文本承载作者、年份等元数据。
推荐结构示例：
<blockquote cite="https://example.com/book"> <p>"对象应隐藏其内部细节。"</p> <footer>— <cite>设计模式</cite>, Gamma et al.</footer> </blockquote>
关键点：
-
<blockquote>的cite属性是 URL，和内部<cite>元素无关 - 作者名、出版社、年份等一律放在
<footer>或<small>里，不进<cite> - 若需让作品名可点击，用
<a href="..."><cite>...</cite></a>，而不是给<cite>加href
参考文献列表里别滥用 cite 标签
整条参考文献（含作者、年份、出版社、DOI）是一个结构化条目，<cite> 只负责其中“作品标题”那一小段。全条都包 <cite>，会让屏幕阅读器重复播报“引用”，破坏可访问性。
正确做法是：
- 用
<ol>或<section>包裹整个参考列表 - 每条用
<li>或<div>，再内部拆分角色：作品标题 →<cite>，作者 →<span>或带role="author"的元素，出版信息 →<small>或<footer> - 避免嵌套
<cite>（如<cite><cite></cite></cite>），无意义且无效
中文环境下 <cite> 默认斜体，但中文斜体无明显区分度，建议加 CSS 重置（如 font-style: normal）并辅以引号、颜色等视觉提示。
