blockquote 的 cite 属性仅支持有效 URL 且不渲染为可见文本，用户可见出处需用 footer+cite 组合；多段引用必须用 p 包裹；cite 元素仅限作品标题，中文需 CSS 重置样式以保障可访问性。
blockquote 的 cite 属性只存 URL，不显示作者或书名
cite 属性是纯元数据字段，值必须是可访问的完整 URL（如 cite="https://example.com/paper"），浏览器不会把它渲染成页面文字。写了 cite="张三《语义化实践》" 或 cite="page12" 属于无效 HTML，验证器会报错，DOM 中虽能读到 blockquote.cite，但用户永远看不见。
常见错误包括：
- 把
cite当作“署名快捷键”，指望它自动显示来源信息 - 填入非 URL 值（作者、年份、出版社、DOI、ISBN 都不行）
- URL 指向 404 页面或首页，失去溯源意义
多段引用必须用 <p> 包裹，否则语义断裂
直接写 <blockquote>第一段。第二段。</blockquote> 看似能显示，实则破坏结构：屏幕阅读器可能连读成一段，CSS 无法单独控制某一段的 text-indent 或 margin-top，XHTML strict 验证直接失败。
正确做法是：
立即学习“前端免费学习笔记（深入）”；
- 每自然段用独立的
<p>包裹 - 避免用
<div>替代<p>—— 它没有段落语义，不利于 SEO 和辅助技术解析 - 不要在
<blockquote>内部塞<section>或<article>等语义冲突标签
真正让用户看见出处，得靠 <footer> + <cite>
<cite> 元素只负责包裹作品标题（如 <cite>HTML Living Standard</cite>），不能包作者、年份、URL；作者名、机构、时间等必须用普通文本或 <time datetime="2024-05-01"> 显式标记。
标准结构示例：
<blockquote cite="https://example.com/ref"> <p>"语义 HTML 是基础。"</p> <footer>— <cite>前端可访问性模式</cite>, 李四, <time datetime="2024">2024</time></footer> </blockquote>
注意：<footer> 必须放在 <blockquote> 内部末尾，放外面会导致语义断裂；<cite> 单独出现（如 <div><cite>三体</cite></div>）无引用语义，HTML5 明确要求它必须嵌在引用行为上下文中。
中文场景下 <cite> 默认斜体几乎无效，需 CSS 重置
中文斜体辨识度极低，且部分屏幕阅读器会跳过 <cite> 的样式朗读。建议用 CSS 显式处理：
- 重置字体：
cite { font-style: normal; font-weight: 600; } - 增强视觉区分：
cite { border-left: 2px solid #007acc; padding-left: 0.5em; } - 移动端右对齐署名：
footer { text-align: end; } - 确保颜色对比度 ≥ 4.5:1（WCAG 2.1 AA）
别依赖浏览器默认缩进或引号——Chrome 和 Firefox 渲染不一致，::before/::after 才是可控方案。
