默认无视觉样式，仅具语义功能；需手动添加 css（如左边界线、左侧缩进）才能明确标识引用内容，且内部结构须符合规范。
直接用 <blockquote></blockquote> 标签，但必须注意它只定义语义，不自带缩进或边框样式 —— 浏览器默认渲染极简，实际效果几乎看不出来。
为什么 <blockquote></blockquote> 看起来没反应
多数现代浏览器（Chrome、Firefox、Safari）对 <blockquote></blockquote> 的默认 CSS 只设置了 margin-top 和 margin-bottom，左右无缩进、无左竖线、无字体变化。纯 HTML 写完后直接预览，和普通段落几乎一样。
- 不是标签没生效，是它本就不负责视觉样式
-
<blockquote></blockquote>的核心作用是告诉搜索引擎和屏幕阅读器：“这段是引用他人内容”，属于语义化标记 - 若依赖默认样式做排版，大概率会漏掉关键视觉提示
必须加 CSS 才能真正“看得出是引用”
至少补上左边界线 + 左侧缩进 + 行高微调，否则用户无法快速识别引用区块。推荐最小可用样式：
blockquote {
margin: 1em 0;
padding-left: 1em;
border-left: 3px solid #ccc;
color: #555;
}
-
border-left是最直观的引用标识，比缩进更醒目 -
padding-left避免文字紧贴边线，提升可读性 - 不要只设
margin-left：它会让整个块位移，而引用通常需保持与上下文对齐 - 避免用
font-style: italic全局加斜体 —— 原文本身含斜体时会嵌套失真
<blockquote></blockquote> 里还能放什么？别乱塞 <p></p>
HTML 规范允许 <blockquote></blockquote> 包含流内容（flow content），比如 <p></p>、<ol></ol>、<div>，但要注意语义合理性：
<ul>
<li>如果引用本身就是一段完整文字，直接写 <code><blockquote>内容</blockquote> 即可，不用额外包一层 <p></p>
<p></p> 包裹：<blockquote> <p>第一段</p> <p>第二段</p> </blockquote>
<blockquote> 里塞 <code><h3></h3> 或 <nav></nav> —— 这些不属于引用内容的逻辑结构
cite 属性仅用于 URL，不是作者名；作者信息建议用 <footer></footer> 或 <small></small> 放在块末尾长段落换行和空格会被浏览器合并
HTML 中连续空白符（包括换行、制表、多空格）默认被压缩为单个空格。所以你在源码里回车分段，浏览器不会照搬显示。
- 手动换行需用
<br>，但不推荐 —— 它破坏语义，且响应式下易错位 - 真正解决办法是 CSS：
white-space: pre-line，让源码换行生效，同时保留段落间空格合并逻辑 - 若引用中含代码或诗歌等需严格保留空格格式，改用
white-space: pre-wrap - 注意
pre-line不影响<p></p>内部行为，只对<blockquote></blockquote>直接子文本生效
真正麻烦的从来不是怎么写这个标签，而是团队协作时有人删了 CSS、有人乱套 <p></p>、有人把整篇 PDF 复制进来导致大量不可见 Unicode 空格 —— 最小可靠方案：固定一套 <blockquote></blockquote> 样式，加到全局 CSS，并在组件文档里写明“禁止在内部写内联样式”。
