是 HTML5 中用于语义化标注长篇引用内容的元素，需包裹完整段落，配合 cite 属性（仅限有效 URL）标示出处，并用 显式展示来源信息。
<blockquote></blockquote> 标签是 HTML5 中专门用于标注**长篇引用内容**的语义化元素，它默认在浏览器中会缩进显示，并常带左右边框或引号装饰。配合 cite 属性，可以明确标出引用来源的 URL（注意：不是显示文字，而是机器可读的出处链接）。
正确使用 blockquote 包裹大段引用文本
引用内容应为独立、完整的一段或多段文字（非单句），且需保持原意。不要用它替代普通强调或排版缩进。
- 把整段引用文字（含换行、段落）放在
<blockquote>...</blockquote>内部 - 若引用内含多个自然段，建议用
<p></p>明确包裹每一段，提升语义清晰度 - 避免嵌套其他语义冲突标签（如
<article></article>或<section></section>）作为直接子元素，除非有特殊结构需求
cite 属性只写 URL，不写作者名或标题
cite 是 <blockquote></blockquote> 的全局属性，它的值必须是**有效的绝对或相对 URL**，指向原始出处页面（如文章、报告、书籍网页等）。它不会自动显示在页面上，但对屏幕阅读器、搜索引擎和开发者工具可见。
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- ✅ 正确：
<blockquote cite="https://example.com/article/123"></blockquote> - ❌ 错误：
<blockquote cite="张三《人工智能导论》第42页"></blockquote>（这不是 URL） - ❌ 错误：
<blockquote cite="作者：李四"></blockquote>（纯文本无意义）
在页面中显式展示来源信息，需额外添加 <footer></footer> 或 <cite></cite>
cite 属性本身不可见，如需让用户看到“出自哪里”，应在 <blockquote></blockquote> 内部或底部手动添加可读的来源说明：
立即学习“前端免费学习笔记（深入）”；
- 推荐用
<footer></footer>（HTML5 语义化标签）放在<blockquote></blockquote>最后，内含<cite></cite>标签描述来源名称 -
<cite></cite>标签专用于表示作品标题、作者名、网站名等，浏览器通常斜体渲染，但语义重于样式 - 示例结构：
The
<blockquote>element represents content that is quoted from another source.
样式与可访问性提示
默认样式较简陋，建议用 CSS 增强视觉区分：
- 加左竖线：
border-left: 4px solid #007acc; - 调整内外边距：
padding: 1rem 1.5rem; margin: 1.5rem 0; - 为
<cite></cite>设置字体风格：cite { font-style: normal; font-weight: 600; } - 确保颜色对比度满足 WCAG 2.1 AA 标准（文本与背景对比 ≥ 4.5:1）
