HTML代码美化格式化

格式化改变排版，不等于修复代码

一行挤在一起的标签可以被展开成有层级的文本：嵌套元素换行，子元素按层级缩进，属性与文本仍保留在HTML源码中。页面接受完整文档或片段，输入后会自动生成结果；输出区同时给出字符数和行数，并可复制或下载为HTML文件。

“美化”主要调整空格、缩进和换行。它不是HTML校验器，不会逐条报告缺失结束标签、错误嵌套、无效属性或可访问性问题。WHATWG标准还规定了浏览器如何恢复部分解析错误，因此“浏览器能显示”与“源码符合规范”也不是同一个结论。

四项排版设置怎样影响结果

默认配置是2个空格、保留换行、不额外缩进内部HTML。页面不会按固定行宽折行，因此很长的属性或文本仍可能保持在一行。

同一片段的前后对照

例如输入<div><p>Hello</p><ul><li>A</li><li>B</li></ul></div>，选择2个空格后，输出会把p和ul放到下一层，把两个li再向内缩进。改为4个或8个空格只改变每一级的空白宽度，不会把标签名称、属性值或文本“翻译”成其他内容。

若团队规范要求Tab，应同时选择“Tab”作为缩进类型；此时宽度选项不会变成对应数量的空格。比较代码差异前，最好让参与者使用同一组选项，避免提交记录只剩下缩进风格变化。

规范依据

从粘贴到可用结果

1. 准备源码

   粘贴完整HTML文档或单个片段，也可载入页面给出的示例。若输入区只有空白，输出区会保持为空。

2. 先选团队约定的缩进

   在缩进宽度中选2、4或8，再选择空格或Tab。需要尽量沿用原换行时保留对应开关；希望重新组织换行时将其关闭。

3. 检查结构而非只看整齐

   重点核对pre、textarea、内联文本、模板语法，以及script和style中的内容。格式看起来规整不代表语义与渲染一定未变。

4. 复制或下载

   确认结果后复制到编辑器，或下载生成的HTML文件。再用目标浏览器、项目测试与HTML检查工具完成最终验证。

格式化结果常见疑问

保存前需要复核的边界

输出用于提升源码可读性，不证明HTML有效、安全、无障碍或跨浏览器一致，也不能代替项目构建、模板编译和页面测试。

• 不要把含账号令牌、未公开业务数据或其他敏感信息的源码粘贴到不受信任的环境；复制结果前也要确认剪贴板内容。
• 格式化会改变空白字符。对pre、textarea、邮件模板、服务端模板及依赖精确文本的测试快照，应逐段核对。
• 输入存在未闭合标签或不合法嵌套时，输出可能按处理规则重排；需要规范结论时另用HTML一致性检查器。
• 大段文档会占用浏览器内存并增加处理时间。页面没有声明可处理的固定体积上限，超长内容宜拆分并保留原文件备份。