sed可精准替换HTML属性但需谨慎：须用1*限定标签内匹配，避开嵌套干扰，正确处理引号变体与空格，并优先备份文件；复杂场景应改用xmlstar或BeautifulSoup等专用工具。> ↩
sed 可以精准替换 HTML 标签中的属性，但关键在于正则表达式要避开标签嵌套干扰、正确匹配属性名和值，并处理引号与空格变体。直接用 s/old/new/g 容易误删或漏改，需结合地址范围、分隔符选择和转义规则。
匹配并替换特定属性值（如 href、src、class）
HTML 属性通常写在起始标签内，例如 <a href="https://old.com"> 或 <img src='/old.png' class="thumb">。sed 需捕获属性名及引号内的内容，再安全替换：
- 统一用双引号包围的 href 替换：
sed -i 's/href="[^"]*"/href="https:\/\/new.example.com"/g' file.html - 兼容单引号或无引号的 src 属性（较稳妥写法）：
sed -i "s/src=['\"]\([^'\"]*\)['\"]\|src=\([^[:space:]>]*\)/src=\"https:\/\/cdn.example.com\/\1\2\"/g" file.html（注意：实际使用建议拆成两步或用更健壮工具如 xmlstar；sed 原生不支持分支匹配，此为简化示意） - 只替换 class 属性中某个类名（如把
old-class换成new-class，不影响其他类）：sed -i 's/class="[^"]*old-class[^"]*"/class="&/g; s/old-class/new-class/g' file.html（先锚定 class 属性，再局部替换，避免误伤文本内容）
删除或清空某属性（保留标签其他部分）
比如去掉所有 style 属性，但不破坏标签结构：
- 删除带双引号的 style：
sed -i 's/ style="[^"]*"[[:space:]]*/ /g' file.html - 同时处理单引号和无引号情况（更全）：
sed -i "s/ style=[^[:space:]>]*/ /g; s/ style='[^']*'//g; s/ style=\"[^\"]*\"//g" file.html - 注意：多个 sed 命令可用
-e连写，避免重复读写文件
修改属性名（如 data-* 转换成自定义属性）
将 data-id="123" 改为 id="123"，同时保留原有值：
立即学习“前端免费学习笔记（深入）”；
- 用捕获组提取值再重写：
sed -i 's/data-id="\([^"]*\)"/id="\1"/g' file.html - 支持单引号：
sed -i "s/data-id=['\"]\([^'\"]*\)['\"]/id=\"\1\"/g" file.html - 若需批量改多个 data-* 属性，可循环执行或写成脚本，避免正则过于复杂
安全操作前提与避坑提醒
HTML 不是正则友好格式，sed 处理时有天然局限：
- 不要用
<.></.>匹配整标签——它会跨标签贪婪匹配，导致错删（如<div><p>text</p></div>中<.></.>会匹配到第一个<到最后一个>） - 优先用
[^>]*限定在单个标签内，例如sed 's/href="[^"]*"/href="REPLACED"/g' - 执行前务必备份：
sed -i.bak '...' file.html，出错可还原 - 复杂需求（如嵌套属性、条件替换）建议改用
xmlstar、perl -MHTML::TreeBuilder或 Python 的 BeautifulSoup，更可靠
