blockquote 必须包裹语义化块级元素（如 ），否则损害可访问性、seo 和样式控制；cite 属性仅接受有效 url；footer 必须为 blockquote 的直接子元素；禁止使用无效 src 属性。
blockquote 不是“加缩进的 div”，它必须包裹语义化块级元素，否则引用在可访问性、SEO 和样式控制上会全面失效。
为什么直接写 blockquote 里放纯文本会出问题
浏览器虽能渲染，但语义断裂：屏幕阅读器把多段连成一段读；CSS 没法单独控制第二段的 margin-top 或 text-indent；XHTML strict 模式下直接验证失败。
- 错误写法：
<blockquote>第一段。<br>第二段。</blockquote>（<br>不是块级容器） - 更错写法：
<blockquote>第一段。第二段。</blockquote>（无任何嵌套块级元素） - 正确结构：每段必须用
<p></p>包裹，且全部在<blockquote></blockquote>内部闭合
cite 属性只接受 URL，填作者名或书名就是废属性
cite 是机器可读的元数据，不是显示栏。浏览器不渲染它，爬虫和辅助技术才读它。填错格式等于没填。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- ✅ 正确：
cite="https://example.com/2024/quote"或cite="/docs/spec.html" - ❌ 错误：
cite="《JavaScript 高级程序设计》"、cite="张三"、cite="p.127" - 如果来源没有网页，就去查 DOI、W3C 页面、维基文库链接，别留空或硬凑
footer 必须在 blockquote 内部，且是直接子元素
没 footer + cite，引用就不构成语义闭环。WCAG 要求出处可见，光靠 cite 属性撑不住。
-
footer不能放在blockquote外面，否则屏幕阅读器可能跳过或误判上下文 -
cite标签只用于作品名（书名、文章标题、标准文档名），不是人名——人名用普通文本即可 - 深色模式下记得同步调
footer文字颜色，否则灰底白字可能对比度不足
动态加载外部长引用？blockquote 本身不支持 src
别写 <blockquote src="quote.txt"></blockquote>——这个 src 属性浏览器完全忽略，控制台静默失效，内容也不会加载。
- 可行方案：先写空
<blockquote></blockquote>，再用fetch()获取文本，插入<p></p>节点 - 必须手动处理加载状态（比如加
aria-busy="true"）和失败回退（比如 fallback 文本） - SEO 友好做法：服务端渲染时就把内容塞进去，JS 加载仅作增强，不作依赖
最容易被忽略的是：引用是否“可追溯”不取决于缩进好不好看，而取决于 cite 值是否真实有效、footer 是否显式存在、<p></p> 是否完整包裹段落——三者缺一，语义就断了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
