HTML中. *?易越界匹配，因.默认不匹配换行且Sublime下跨行退化为贪婪；应改用[\s\S]*?或[^>]*等显式范围限定，并注意引号、路径、目录排除及替换前验证。
为什么 .*? 在 HTML 替换里经常越界
想提取 <div class="content">...</div> 里的文字，很多人写 <div class="content">.*?</div>，结果一执行，匹配从第一个 <div> 一直吞到**最后一个** </div>，中间所有嵌套、注释、JS 字符串全被吃掉。这不是正则写错了，是 . 默认不包含换行，而 Sublime 的 .*? 在跨行时会退化为“尽可能多匹配”，尤其当 HTML 没缩进、标签挤在一起时更危险。
稳妥做法是显式声明字符范围：<div[^>]*>([sS]*?)</div>。其中：
-
[^>]*防止在开标签里误吞属性（比如<div id="a" class="content">） -
[sS]明确表示“任意字符，包括换行”，比(?s).*?更可控 -
?必须保留，否则[sS]*会贪婪吞到文档末尾
src="..." 类属性替换必须用 [^"]*，别信 .*?
批量把 src="images/logo.png" 改成 src="{% static 'images/logo.png' %}"，如果写 src=".*?.png"，它可能匹配到 src="a.png" alt="b.png" 整段，因为 .*? 只保证“最短”，但不保证“不跨引号”。一旦中间有空格、其他属性或换行，就崩。
正确写法是：src="([^"]*.png)" → src="{% static '$1' %}"。要点：
立即学习“前端免费学习笔记（深入）”；
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
[^"]*表示“除双引号外任意字符”，天然卡在下一个"前 - 小括号必须存在，否则
$1拿不到内容 - 单引号路径（
src='x.jpg'）得另写一条规则，不能混用["']—— HTML 解析器对引号类型敏感，混合匹配可能漏掉真实属性
跨文件批量改 HTML，Where 框填错等于重装系统
用 Ctrl+Shift+F 批量操作前，Where 框决定你动的是哪部分。填 ./ 或留空？Sublime 会扫整个磁盘根目录；填 **/*.html？它不识别 **，只搜当前目录下后缀为 .html 的文件。
安全写法是：., -node_modules/, -dist/, -build/（逗号分隔，斜杠统一）。注意：
- 减号
-表示排除，不是连字符 - 路径结尾必须加
/，否则-dist可能误排除distro/这类目录 - 如果项目结构是
src/pages/*.html，直接写src/pages/更精准，避免漏掉或误扫
执行 Replace All 前不点 Find All 就等于闭眼开车
Sublime 没有替换预览窗口。Replace All 一点下去，所有匹配项立刻修改，跨多文件时 Ctrl+Z 可能只撤回部分文件（失焦的没响应）。最可靠验证方式是：先输好正则，点 Find All（快捷键 Alt+Enter），看底部面板列出的匹配项是否符合预期。
人工核验时重点关注：
- 是否匹配了不该动的地方（比如 JS 字符串里的
<div>） - 是否漏掉了目标（比如某些 HTML 文件编码是 GBK，Sublime 默认跳过）
- 是否因缩进/换行差异导致部分匹配失败（可临时开启
. matches newline再试）
真正麻烦的不是正则写不对，而是你以为它对了——HTML 结构松散、嵌套随意、引号混用，一个边界没卡准，就改出一堆半截标签或错位属性。
