HTML Formatter

HTML 格式化器（美化器）将压缩或格式混乱的 HTML 代码重新整理为结构清晰、缩进一致的易读格式。工具使用 HTML 解析器读取原始 HTML，构建 DOM 树结构，然后按照设定的缩进规则（通常为 2 空格或 4 空格）重新输出。同时可选地压缩输出（移除空白和注释）以减小文件大小。

HTML 格式化在 Web 开发中非常常用。将构建工具生成的压缩 HTML 还原为可读格式进行调试；在代码审查前格式化 HTML 以确保团队代码风格一致；从 Web 页面抓取 HTML 后格式化以便分析结构；在不含格式化的编辑器中粘贴 HTML 代码后快速格式化。

格式化后的 HTML 可以与 CSS 格式化器 配合使用，同时整理页面的样式代码。也可以使用 JavaScript 格式化器 格式化内联脚本。

HTML 格式化器遵循一致的缩进规则。每个嵌套级别增加一个缩进单位；自闭合标签（如 br、img、input）不缩进后续内容；内联元素（如 span、a、em）保持在同一行以维持文本流；pre 和 code 标签内的空白保留原样不重新格式化。注释根据位置保持适当的缩进级别。

格式化不是语法修复——不需要闭合的标签（如 p、li）和缺失的引号不会被自动修正。格式化器假定输入的 HTML 是有效或近似有效的，无效的 HTML 可能导致意外的格式化结果。

• 内联元素空白敏感：某些内联元素之间的空白会影响渲染效果（如 inline-block 元素间距），格式化可能改变这些空白导致视觉差异。
• 混合内容处理：HTML 中的文本内容与子元素混合时，格式化可能改变文本节点的空白，影响 word-spacing 和 text-align 效果。
• 模板语法兼容：Vue、Angular、JSX 等模板语法可能破坏 HTML 解析器的正常工作，导致格式化失败或输出错误。
• Pre 标签保护：pre 和 code 中的空白格式化时应保持不变，但某些格式化器可能错误地重新格式化这些标签内容。

在需要快速格式化少量 HTML 代码以供阅读、调试或代码审查时使用此工具。对于生产项目中需要持续格式化 HTML 的场景，推荐使用项目配置的代码格式化工具（如 Prettier、js-beautify），它们可以集成到 IDE 和 Git hooks 中，确保整个团队使用一致的格式化规则。