<cite> 标签仅用于包裹独立可检索的作品标题（如书名、电影名、文章标题），不可包含作者、年份、出版社、URL等元数据；必须置于引用上下文中，且中文建议通过 CSS 重置为正常字体。
cite 标签只包书名、电影名、文章标题这类作品本身的名字，不包作者、年份、出版社、URL——混进去就破坏语义，屏幕阅读器会读错，SEO 也可能降权。
什么时候该用 cite？只包独立可检索的作品标题
它不是“引用标记”，而是“作品名称容器”。判断标准很简单：这段文字是不是一个能被图书馆目录、ISBN 或 DOI 唯一识别的正式名称？
- ✅
cite适用：<cite>百年孤独</cite>、<cite>The Structure of Scientific Revolutions</cite>、<cite>Rita Hayworth and Shawshank Redemption</cite> - ❌
cite不适用：<cite>加西亚·马尔克斯</cite>（作者）、<cite>1967年</cite>（年份）、<cite>https://example.com/book</cite>（URL）、<cite>《百年孤独》(译林出版社,2020)</cite>（含元数据）
cite 必须出现在引用上下文中，不能孤立存在
单独写 <cite>设计模式</cite> 没有语义价值。浏览器和读屏器需要上下文来确认这是“被引用的作品”，而不是随便一个斜体词。
- ✅ 正确场景：嵌在描述性句子中，如
<p>正如<cite>设计模式</cite>所指出的…</p> - ✅ 正确场景：配合
<blockquote>使用，且<footer>中只用cite包标题，作者等信息放外面：<footer>— <cite>重构</cite>, Martin Fowler</footer> - ❌ 错误场景：参考文献列表里每条开头都套
cite，比如<li><cite>平凡的世界</cite>, 路遥, 1986</li>—— 屏幕阅读器会反复播报“引用”，用户根本分不清是序号还是语义标记
中文书名要不要斜体？得靠 CSS 控制，别信默认样式
多数浏览器对 cite 的默认渲染是 font-style: italic，但中文斜体既无辨识度也不符合排版习惯，反而影响可读性。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
- 必须主动写 CSS：
cite { font-style: normal; }（中文推荐），或cite { font-style: italic; color: #333; }（英文可保留斜体+加色） - 别用
<i>或<em>替代cite：它们只表示“风格变化”或“强调”，不传达“这是被引用的作品标题”这一结构语义 - 如果页面要通过 WCAG 2.1 AA 认证或被学术爬虫抓取，
cite是必要标记，不是视觉装饰
参考文献列表怎么组织？cite 只是其中一环
整条参考文献不能塞进一个 cite 里。它只是标题那一部分，其他角色得由别的标签承担：
- 用
<ol>或<section>当容器，编号交给 CSS 或<ol>自带逻辑 - 每条用
<li>或<div>，内部拆解：<cite>Web Content Accessibility Guidelines</cite>+<span>W3C</span>+<time datetime="2023">2023</time>+<a href="https://www.w3.org/TR/WCAG22/">https://www.w3.org/TR/WCAG22/</a> - 避免手动写 “[1]”“[2]”，否则 JS 动态排序、跳转锚点、导出 PDF 都会出问题
真正难的不是写对一个 cite，而是每次插入前问一句：这个文本是不是独立存在的、可被检索的、有明确出版/发布身份的作品名称？如果不是，就别用它。
