cite标签仅用于标记作品标题，如书名、文章名等，不可包含作者、出版社等元数据；正确用法是单独包裹标题，语义为“被引用的作品名称”，浏览器默认斜体渲染。
cite 标签在 HTML5 中仅用于表示作品的标题，比如书名、文章名、电影名、歌曲名等，不是用来标注参考文献条目、作者、出版社、年份或整条参考书目信息。
cite 的正确用途：只包裹作品标题
它语义上代表“被引用的作品名称”，浏览器默认以斜体渲染，但样式可覆盖。关键在于内容必须是标题本身，不包含标点外的任何元数据。
- ✅ 正确：
<p>我最近重读了<cite>平凡的世界</cite>。</p> - ✅ 正确：
<p>论文中引用了<cite>The Structure of Scientific Revolutions</cite>的观点。</p> <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p> - ❌ 错误：
<p><cite>《社会契约论》, 卢梭著, 商务印书馆, 2017年</cite></p>（混入作者、出版社、年份） - ❌ 错误：
<p><cite>参考文献[1]</cite></p>（这不是作品标题）
参考书目应使用语义化结构组合
完整参考条目需靠其他标签配合实现清晰语义。推荐用 <section></section> 或 <aside></aside> 包裹整个参考列表，每条用 <div> 或 <code><li>，再内部拆分角色：
- 作品标题 → 用
<cite></cite> - 作者 → 用
<span></span>或<author></author>（HTML5 无原生 author 标签，可用role="author"辅助） - 出版信息 → 用
<small></small>、<footer></footer>或普通<span></span>加 class 标识 - 示例：
<li> <cite>Design Patterns</cite>，E. Gamma 等著，Addison-Wesley，1994年。</li>
避免常见误解
cite 不等于「引用来源」的全部，也不等同于学术写作中的「参考文献」或「引文标注」。它只是其中的标题部分：
- 不负责标记引用位置（如上标 [1]），那是
<sup></sup>或 CSS 实现的事 - 不替代
<blockquote></blockquote>—— 后者表示大段引用内容，内部可用<cite></cite>标出出处标题 - 不建议嵌套使用（如
<cite><cite>...</cite></cite>），无意义且无效
辅助可访问性的小提示
屏幕阅读器通常会将 <cite></cite> 内容读作“标题”或略带停顿，有助于听觉区分。若需进一步明确，可在标题后加视觉隐藏文本：
<cite>Thinking, Fast and Slow</cite><span class="visually-hidden">（图书标题）</span>
