<blockquote> 不生效主因是语义误用、未闭合、内容为空或CSS未重置关键样式；应确保成对闭合、填充有效内容、用 cite 属性和 <footer> 标注来源，并显式设置 margin、padding、border-left 等样式。
HTML 引文标签 <blockquote> 不生效？先看闭合和语义
浏览器不渲染引文样式，大概率不是 CSS 问题，而是 <blockquote> 被当成了普通容器在用。它本质是语义化标签，不是“加个缩进的 div”——没有 cite 属性、没配 <footer> 或外部 CSS，浏览器就按默认极简样式（可能只有上下 margin）显示。
- 必须成对出现：
<blockquote>…</blockquote>，嵌套时尤其容易漏掉末尾闭合 - 引文来源建议用
cite属性（值为 URL），而非纯文本；若要显示作者名，应放在<footer>内，而不是直接写在<blockquote>里 - Chrome/Firefox 对空
<blockquote>或仅含空白字符的处理不一致，可能完全不占高度——务必检查内容是否真实存在且非空格/换行
引文格式错乱：CSS 覆盖了默认样式，但没补全关键规则
很多人给 <blockquote> 加自定义样式后，发现缩进没了、边框断了、引用符号消失——因为浏览器默认样式里藏着几条关键声明，比如 margin-inline-start: 40px（现代写法）或老式 margin-left: 40px，而你只改了 border 却忘了重置 margin 和 padding。
- 最稳妥做法：用
all: revert;先清空浏览器默认，再从零写你需要的样式（注意兼容性，IE 不支持） - 更兼容的写法：显式设置
margin、padding、border-left、font-style（引文常设为 italic） - 别用
text-indent模拟缩进——它只缩首行，<blockquote>是块级容器，该用margin-inline-start或padding-inline-start
<q> 标签引号不显示？浏览器自动插入机制被禁用了
<q> 是内联引文标签，它的引号由浏览器根据 lang 属性自动决定（中文用「」，英文用 “”），不依赖 CSS。如果你看到它完全没引号，大概率是 CSS 里写了 quotes: none; 或父元素设置了 quotes: "" "";。
- 检查是否在全局 CSS 或重置样式中误加了
q { quotes: none; } -
<q>不支持嵌套引号自动切换（比如中文里引英文），需手动用<q lang="en">触发对应语言的引号规则 - 不要指望
<q>有块级表现——它默认是 inline，想换行或缩进得额外加display: block;和 margin
服务端模板或 CMS 输出引文结构异常，常见于 WordPress / Jekyll
很多静态站生成器会把 Markdown 的 `>` 自动转成 <blockquote>，但若原始内容含未闭合 HTML 标签（比如 `
` 没闭合）、混用缩进和 > 符号，或插件启用了“智能引文转换”，就容易产出非法嵌套，例如 <p><blockquote>…</blockquote></p> —— 这在 HTML5 中虽不报错，但 CSS 选择器可能失效，JS 查询也容易漏节点。
立即学习“前端免费学习笔记（深入）”；
- 用浏览器开发者工具的 Elements 面板直接看渲染后的 DOM 结构，别信源码里的 Markdown
- WordPress 用户注意：Classic Editor 和 Block Editor 对引文的解析逻辑不同；Gutenberg 里引文是独立 Block，但复制粘贴时可能降级为纯
<p>+ 样式类 - Jekyll 中若用 kramdown，确保
input: GFM关闭，否则 GitHub 风格的引文语法可能被错误解析
引文格式问题从来不在“怎么加标签”，而在“谁在控制它的呈现”——浏览器默认行为、CSS 层叠顺序、模板引擎输出逻辑，三者只要有一处脱节，视觉就断链。最容易被忽略的是 cite 属性的 URL 格式合法性（必须是绝对或相对有效路径，不能是纯文字）和 <blockquote> 内部的换行符处理（某些 CMS 会把回车转成 <br>，破坏语义流）。
