多级引用应使用语义化<blockquote>标签嵌套，每层代表一次独立引用行为；来源标注用<cite>标作品名，作者等信息置于<footer>内；CSS需用margin-inline-start和border-inline-start控制缩进与引用线。
多级引用该用什么HTML标签
学术文章里的“引用”不是装饰，而是语义结构——<blockquote> 是唯一合规的语义标签，嵌套时直接用它包住下一级，不要用 <div> 或 <p> 模拟。浏览器和读屏器靠这个识别引文层级，CSS 也得基于它写样式。
常见错误是把引用当段落处理，比如写成：
<p>原文说：“……”</p> <p> ——引自某文献</p>
这既无法被语义解析，也无法响应式缩进或添加引用线。正确做法是：
<blockquote>
<p>第一级引用内容</p>
<blockquote>
<p>第二级引用（引中引）</p>
<blockquote>
<p>第三级引用</p>
</blockquote>
</blockquote>
</blockquote>
如何控制不同层级的缩进与引用线
浏览器默认对 <blockquote> 有基础缩进，但多级时容易塌陷或过深。必须用 CSS 显式控制，且优先用 margin-inline-start（而非 margin-left），兼顾 RTL 语言兼容。
立即学习“前端免费学习笔记（深入）”；
- 每级增加
0.8em缩进，比固定像素更适应字号变化 - 引用线（竖线）用
border-inline-start实现，避免影响盒模型计算 - 避免用
padding模拟缩进——它会撑大容器，干扰行高对齐
示例 CSS：
blockquote {
margin-inline-start: 0.8em;
border-inline-start: 2px solid #666;
padding-inline-start: 0.6em;
}
blockquote blockquote {
margin-inline-start: 1.6em;
}
blockquote blockquote blockquote {
margin-inline-start: 2.4em;
}
引用来源标注放在哪里才合法
<cite> 标签只能用于作品标题（如书名、文章名），不能包裹作者名或年份；作者、出处、页码等元信息应放在 <footer> 或 <small> 里，且必须紧贴在 <blockquote> 内部末尾。
错误写法：
<blockquote> <p>……</p> <p><cite>张三，2023，p.45</cite></p> </blockquote>
正确写法：
<blockquote>
<p>……</p>
<footer>
<cite>《知识社会学导论》</cite>，张三著，2023年，第45页
</footer>
</blockquote>
注意：<footer> 在 <blockquote> 内是合法的，语义清晰；若需机器可读，可加 data-source 属性，但非必需。
遇到长引用换行错位怎么办
多级 <blockquote> 套嵌时，如果内部 <p> 有长英文或连续无空格字符串（如 DOI、URL），容易撑破缩进或换行异常。这不是 HTML 结构问题，而是文本流控制缺失。
- 给
blockquote p加overflow-wrap: break-word - 禁用
white-space: nowrap（某些 CMS 自动生成的样式会偷偷加） - DOI 类字符串建议用
<code>包裹，触发浏览器默认断行策略
例如：
<p>参见 DOI: <code>10.1000/xyz123</code></p>
多级引用真正的难点不在嵌套层数，而在语义边界是否清晰——每一层 <blockquote> 都代表一次独立的引用行为，不是视觉缩进工具。混用 <div> 或滥用 class 名（如 quote-level-2）会让结构退化为纯样式描述，失去学术文档应有的可解析性。
