<blockquote> 不负责标注来源，cite 属性仅提供不可见的 URL 元数据；正确做法是用 <footer> 或 <cite> 手动标明作者与出处，确保语义清晰、可访问且符合标准。
直接说结论： <blockquote> 本身不负责标注来源，cite 属性只是提供 URL（且不渲染、不语义化作者信息），真要标引用来源，必须用 <footer> 或 <cite> 元素手动写明作者/出处——这是最常被误解的一点。
为什么 cite 属性几乎没用
很多人以为给 <blockquote cite="https://example.com"> 加个 cite 属性就能“自动显示来源”，其实它只是个纯元数据：浏览器不渲染、屏幕阅读器通常忽略、SEO 几乎不识别。W3C 明确说明该属性仅作参考链接，不替代可见的来源标注。
-
cite属性值必须是有效 URL（不能是书名、人名或相对路径如./ref.md） - 即使写了
cite，HTML 输出里也不会多出任何文字，用户完全看不见 - 想靠它满足学术引用或版权说明？行不通
正确标注作者和出处的两种可靠写法
语义清晰、可访问、符合 WCAG，也方便 CSS 定制样式：
- 用
<footer>（推荐）：<blockquote><p>…</p><footer>— 张三，《技术写作手册》，2023年，第42页</footer></blockquote> - 用
<cite>包裹作品名（注意：<cite>不表示作者，只表示作品标题）：<footer>— 李四，<cite>前端语义化实践</cite></footer> - 避免把作者名塞进
<cite>—— 这是常见错误，<cite>的语义是“作品名”，不是“人名”
配合 CSS 实现视觉降级与可读性平衡
默认 <footer> 在 <blockquote> 内会继承缩进/字体，需微调：
blockquote footer {
margin-top: 0.5em;
font-style: normal;
font-size: 0.9em;
color: #666;
}
- 别用
font-style: italic给footer，容易和<cite>混淆视觉含义 - 移动端建议加
text-align: right或text-align: end，让署名右对齐更符合阅读习惯 - 如果引用来自网页，
<a href>应包在footer里，而不是依赖cite属性
真正麻烦的不是怎么写标签，而是判断“这里是否需要署名”——会议记录摘录可能只需机构名，代码注释里的引用可能得带 commit hash。语义永远优先于格式，别为了省一行 HTML 而牺牲可访问性。
