本文介绍一种稳健的正则表达式方案，用于准确匹配包含引号内特殊字符（如 `>`）的 `` 标签，避免因标签属性值含 `>` 而导致的过早截断问题。
在 HTML 字符串处理中，直接使用 /]*>/ 这类简单正则极易出错——一旦 img 标签的属性值（如 src 或 alt）中包含 > 字符（合法且常见，例如 alt="test > test"），正则就会在第一个 > 处提前终止匹配，导致截断或误匹配。
根本原因在于：[^>]* 会拒绝所有 >，但 HTML 属性值中的 > 是允许存在的，只要它被包裹在引号内。因此，真正需要跳过的 > 是标签结束位置的、未被引号包围的 >。
✅ 正确思路是分层匹配：
- 先匹配
- 然后安全地跳过引号外的字符，同时完整解析引号对（支持双引号，本例不涉及单引号，可按需扩展）；
- 最终只在引号闭合后、且遇到非引号包围的 > 时结束。
对应正则表达式如下：
立即学习“前端免费学习笔记（深入）”；
@@##@@]*(?:"[^"]+"[^">]*)*>
? 表达式拆解：
- [^">]*：匹配任意不含 " 和 > 的字符（即引号外的属性名、等号、空格等）；
- (?:"[^"]+"[^">]*)*：零次或多次重复以下结构：
- "[^"]+"：匹配一对双引号及其内部任意非引号内容（允许 >、空格、斜杠等）；
- [^">]*：匹配该引号对之后、下一个引号或 > 之前的非引号非尖括号字符；
- >：最终匹配标签结尾的 >（此时它一定处于引号之外，是真正的标签闭合符）。
✅ 实际验证示例：
const tests = [
'@@##@@test" alt="test > test test" > "some text',
'@@##@@',
'@@##@@',
`@@##@@`
];
tests.forEach(str => {
const matches = str.match(/@@##@@]*(?:"[^"]+"[^">]*)*>/g) || [];
console.log('Input:', str);
console.log('Matches:', matches);
});? 输出结果（关键行）：
Matches: ['@@##@@test" alt="test > test test" >'] Matches: ['@@##@@'] Matches: ['@@##@@'] Matches: ['@@##@@']
⚠️ 重要注意事项：
- 该正则仅适用于格式相对规范的 HTML 片段，不处理注释、CDATA、自闭合变体（如
与
]*)*>/g, '')，但注意保留原始换行与空格逻辑是否符合业务需求。
? 总结：此正则通过“引号感知”机制，在不引入回溯灾难的前提下，显著提升了对真实 HTML 属性值的兼容性。它是轻量文本清洗场景下的实用工具，但绝非 HTML 解析的替代方案。
