<cite>标签仅包裹可独立检索引用的作品标题，如书名、电影名等；作者、年份、URL等附属信息不得混入；其与<blockquote cite="">属性无关；中文场景建议重置为正常字体。
cite 标签只该包住**作品标题本身**，不多不少——书名、电影名、文章标题、专辑名、网站名等可被独立检索和引用的正式名称。其他一切内容（作者、年份、URL、出版社、括号说明）都不属于它的职责范围。
哪些内容能进 cite？只看“能不能被单独引用”
判断标准很简单：这个文本是否在别处（比如数据库、图书馆目录、DOI 系统、搜索引擎）作为一个独立实体存在？
- ✅
<cite>重构：改善既有代码的设计</cite>（书名，有 ISBN，可被检索） - ✅
<cite>MDN Web Docs</cite>（网站名，有明确域名和品牌身份） - ✅
<cite>The Structure of Scientific Revolutions</cite>（英文专著名，学术引用中常单独出现） - ❌
<cite>《重构》（Martin Fowler 著）</cite>（混入作者，语义污染） - ❌
<cite>https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/cite</cite>（URL 不是作品名） - ❌
<cite>《三体》（2008年，重庆出版社）</cite>（年份+出版社破坏标题纯净性）
cite 和 blockquote 的 cite 属性完全无关
这是最常踩的坑：<cite></cite> 是一个元素，<blockquote cite="..."> 中的 cite 是一个属性，名字撞了，但功能、取值、用途全不同。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
<cite>Design Systems</cite>：人眼可见的标题文本，语义为“这是作品名” -
<blockquote cite="https://example.com/book">：机器可读的原始出处链接，值必须是合法 URL（不能是书名、ISBN 字符串或空值） - 两者可以共存，但不能互相替代；填
cite="《Design Systems》"会被浏览器静默忽略
中文场景下，cite 默认斜体反而可能有害
浏览器对 cite 的默认样式是 font-style: italic，这对英文有效，但汉字斜体既无传统、也无可读性提升，还容易和强调语义混淆。
立即学习“前端免费学习笔记（深入）”；
- 若用在中文页面，建议显式重置：
cite { font-style: normal; } - 真要视觉强调标题，优先用
<em>或 CSS 类，而非依赖cite的默认样式 - 屏幕阅读器不靠斜体识别语义，它靠的是标签本身——所以样式关掉不影响无障碍，但乱用标签会直接影响播报
真正难的不是写对一个 cite，而是每次光标停在它前面时，多问一句：这个字符串，是不是一个独立存在的、有发布身份、能被第三方系统识别的作品名称？如果不是，就别用它。
