直接删除 标签易破坏 HTML 结构层级，导致内容“逃逸”；冗余空段落影响语义、SEO 和 DOM 操作；正则清理需满足空内容、非嵌套、非必需三条件；JS 或 Cheerio 遍历判断 textContent.trim() 为空且无关键子元素最稳妥。
为什么直接删 <p></p> 标签容易出问题
浏览器对 HTML 的解析有隐式闭合规则，比如在 <div> 里连续写两个 <code><p></p>，第二个会自动把第一个闭合；但若手动删掉中间的 <p></p>，可能让原本被包裹的内容意外“逃逸”到父容器外层，破坏结构层级。更常见的是 CMS 或富文本编辑器导出内容时，把换行全转成 <p></p>，导致 <p></p>、<p> </p>、<p><br></p>
<p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p> 大量堆积。
这类冗余通常不报错，但会影响语义、CSS 选择器精度、SEO 和后续 DOM 操作（比如用 document.querySelectorAll('p') 拿到一堆空节点）。
用正则批量清理要避开的坑
直接全局替换 <p></p> 和 <blockquote><p>引用段落</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/skill11244" title="Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转"><img
src="https://img.php.cn/upload/skill/001/246/273/6adaf20d79f23518.jpg" alt="Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/skill11244" title="Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转">Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转</a>
<p>实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。</p>
</div>
<a href="/xiazai/skill11244" title="Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div></blockquote>），也会破坏自闭合标签（如 <p><img alt="HTML中怎么批量删除多余的段落p标签" ></p> 被删后图片可能错位）。
真正安全的正则需同时满足三个条件：
① 内容为空或只含空白/不可见字符
② 不在其他块级标签内部（靠上下文锚定难，所以优先用 DOM 方式）
③ 不是语义必需的段落（如 <figure></figure> 里的说明文字）
如果必须用正则（比如处理纯文本文件），可用：<p>\s*(?: |\s|<br>)*\s*</p>
但注意：\s 在不同编辑器中匹配范围不同， 可能被编码为 或 UTF-8 字节，需按实际源码调整。
用 JavaScript 批量删空 <p></p> 最稳妥
适用场景：页面已加载、或服务端渲染后需要净化 DOM；支持动态判断是否“多余”。
核心逻辑是遍历所有 p 元素，检查其 textContent 去除空白后是否为空，并排除含子元素（如图片、链接）的合法段落：
document.querySelectorAll('p').forEach(p => {
const isEmpty = !p.textContent.trim() && !p.querySelector('img, iframe, svg, button, a');
if (isEmpty) p.remove();
});
要点：
• textContent.trim() 比 innerText 更可靠，不触发重排
• querySelector 检查关键内联/交互元素，避免删掉「图+说明」这种组合
• 若需保留仅含 <br> 的段落（用于强制换行），加条件 && !p.querySelector('br')
服务端批量处理推荐用 Cheerio（Node.js） 比浏览器 DOM API 更快，适合构建脚本清洗 Markdown 渲染结果或 CMS 导出 HTML。
示例（删除空段落，但保留含 class="caption" 的）：
const cheerio = require('cheerio');
const $ = cheerio.load(htmlString);
$('p').filter((i, el) => {
const text = $(el).text().trim();
return !text && !$(el).hasClass('caption') && $(el).children().length === 0;
}).remove();
注意：
• Cheerio 默认不解析 HTML5 自定义标签，若用 <slot></slot> 等需开启 xmlMode: true
• $(el).text() 会合并所有子文本，比 $(el).html() 更准判断“是否真为空”
• 处理大文件时用流式解析（cheerio.load(..., { xmlMode: true })）避免内存溢出
<p><br></p>
<p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p> 在编辑器里可能是用户刻意留的空行，在前端展示时却可能变成意外的空白块——删之前，先确认它到底是不是“多余”。
