HTML5的<cite>标签仅用于标识被引用作品的名称（如书名、文章标题），不可用于作者名、网站名等；其无默认斜体样式，需手动CSS定义，且须与<q>或<blockquote>配合使用以构成完整引文结构。
HTML5 的 <cite> 标签不再强制要求引用来源
旧版 HTML（如 XHTML 1.0）中，<cite> 被普遍理解为“必须包裹作品名”，且常被误用作作者名或链接容器。HTML5 明确将其语义收窄：只表示「被引用内容的出处」，但不要求该出处真实存在、可访问或符合特定格式。
常见错误现象：<cite>张三</cite> 在《Python 编程入门》中提到…… —— 这里“张三”是作者，不是作品名，不该用 <cite>；正确应为 <cite>Python 编程入门</cite>。
- 只包裹书名、文章标题、电影名、报告名称等「被引用的作品本身」
- 不包裹作者、网站名（除非网站名即作品名，如
<cite>MDN Web Docs</cite>）、URL 或日期 - 可以嵌套
<a>，但链接目标应指向该作品本身，而非作者主页或搜索页
浏览器对 <cite> 几乎无默认样式，别指望它自动斜体或加链接
虽然很多教程说“<cite> 默认斜体”，但这是历史惯性——实际取决于用户代理样式表（UA stylesheet），现代浏览器（Chrome/Firefox/Safari）默认已移除该规则。你看到的斜体，大概率来自 CSS 重置或框架干预。
使用场景：当需要语义化标注作品名，又不想引入额外 class 时，<cite> 是轻量选择；但若依赖视觉提示，必须手动加 CSS：
立即学习“前端免费学习笔记（深入）”；
cite { font-style: italic; }
- 不加样式时，
<cite>和<span>视觉上完全一致 - 不能靠它实现“点击跳转”，它不是交互元素，也不触发任何 ARIA 行为
- SEO 影响极小，搜索引擎基本不单独解析
<cite>内容
和 <q>、<blockquote> 搭配使用时，引文结构才真正成立
单独一个 <cite> 没有上下文，无法构成完整引文。HTML5 强调「引用关系需显式建立」：被引内容用 <q>（短引）或 <blockquote>（长引），出处用 <cite>，二者最好在 DOM 中邻近，或通过 cite 属性关联。
示例（推荐）：<blockquote cite="https://example.com/book"><p>代码应该写得像诗一样清晰。</p><footer>—— <cite>Clean Code</cite></footer></blockquote>
-
<blockquote cite="...">中的cite属性值是 URL，不是文字出处，和<cite>元素无关 -
<footer>不是必须，但比放在段落末尾更语义清晰 - 避免嵌套：不要
<cite><cite>...</cite></cite>，也不要把<q>塞进<cite>
旧项目迁移时，<cite> 很可能被当成了“作者标签”批量替换错了
大量遗留 HTML 把 <cite> 当作者容器用（比如博客评论区的 <cite>用户A</cite>）。HTML5 下这属于误用，但直接替换成 <span> 或 <author>（不存在）会破坏结构。更稳妥的做法是：先确认是否真需语义化作者信息，再选 <span> + role="author" 或微数据 itemprop="author"。
- 检查现有
<cite>是否包裹了非作品名内容（作者、平台名、时间、头衔） - 如果只是为样式统一，用 class 替代更可控
- 搜索引擎和读屏器对误用
<cite>基本静默处理，改不改影响不大，但语义校验工具（如 axe、WAVE）会报 warning
<cite> 其实是作者、一半才是书名——这时候得一个个看上下文，没法靠正则一刀切。 
