Prettier --parser html 是最稳的开源方案，因其不重排属性顺序、不乱加空行、保持语义一致性，且团队共用同一配置可确保格式化结果完全一致；tidy 更适合修复老旧不规范HTML；VS Code内置格式化适用于日常编辑，批量处理需命令行。
别直接用在线工具凑合，prettier --parser html 是目前最稳的开源方案；tidy 更老但对不规范 HTML 兼容性更好；VS Code 内置格式化适合日常编辑，但批量处理得靠命令行。
prettier --parser html 为什么比其他工具更可靠
它不重排属性顺序、不乱加空行、不把 <img src="a"> 改成 <img src="a"/>，语义一致性高。团队共用同一个 .prettierrc 配置后，所有人格式化结果完全一致，避免“你改完我再格式化”引发二次 diff。
- 必加参数：
--print-width 120（防过长单行）、--single-attribute-per-line false（防属性被无意义拆散） - JS 内联脚本存在时加
--no-semi，否则可能误加分号 - 不推荐用
html-beautify：它常把class="a b"拆成多行，或把<div><p>中间硬塞换行，引入非语义差异
tidy 命令行适合什么场景
当你面对的是老旧、不规范甚至带语法错误的 HTML（比如缺结束标签、混用大小写、没闭合的 <meta>），tidy 的纠错能力远超 prettier。它能自动补全、标准化自闭合标签，并输出 XHTML 兼容格式。
- 基础清洗命令：
tidy -indent -wrap 0 -quiet -asxhtml input.html > clean.html -
-asxhtml很关键：确保<img/>不被重写成<img></img> - Windows 用户若没装 tidy，Python 一行脚本仅能做基础替换（如去 tab），不能替代解析器，别指望它修复嵌套错误
VS Code 内置格式化与插件怎么选
日常开发中，VS Code 默认 HTML 格式化器足够快、够准，但它的 AST 解析不如 prettier 深，对复杂嵌套或属性顺序控制较弱。加装 Prettier 插件后，可统一用 prettier 规则接管所有格式化行为。
立即学习“前端免费学习笔记（深入）”；
- 快捷键：
Shift + Alt + F（Windows/Linux）或Shift + Option + F（macOS） - 项目级配置写在
.vscode/settings.json中，例如："html.format.wrapLineLength": 120、"html.format.indentInnerHtml": true - 注意
preserveNewLines默认为true，若想彻底归一化换行，需设为false，但这会影响手动换行意图
BeautifulSoup 和 lxml 不是“格式化工具”，而是语义清洗入口
如果你的目标不是让代码好看，而是判断两个 HTML 是否“内容等价”（比如 <p>hello</p> 和 <p>\n hello\n</p> 算不算一样），那字符串层面的格式化毫无意义——必须走 DOM 解析。
-
BeautifulSoup(html_str, "html.parser").prettify()可快速生成缩进版，但不保证结构等价性 - 真正做语义比对，要用
lxml.html.fromstring()或html5lib.parse()，再序列化为标准字符串，才能抹平空白、属性顺序、注释等干扰 - 别用
difflib.SequenceMatcher直接比原始字符串：它不知道<div>是开始标签，会把嵌套结构切碎
真正难的不是选哪个工具，而是你得先确认：这次格式化到底服务于 git diff、人工审查，还是自动化语义校验？目标不同，工具链就得切换——比如 prettier 处理提交前清洗，lxml 处理测试断言，diff2html 处理交付对比视图。
