HTML格式化器
在保留元素、属性、文本、注释和文档结构的同时，为 HTML 添加清晰的缩进。
Make HTML structure easier to inspect
紧凑的 HTML 会把嵌套、属性、文本和注释放在一行，难以检查。此工具用可读布局展示标记。
格式化只改变展示方式，不能证明 HTML 有效、可访问、安全或兼容浏览器。请保存源文件并检查 diff。
使用包含嵌套元素、属性、文本、注释和实体的示例，并运行项目需要的检查。
Formatting is not HTML validation
HTML 是由元素、属性、文本、注释和声明组成的树。缩进让父子关系和结束标签更容易查看。
格式化器整理空白，但不验证标准、可访问性、安全性、模板规则或应用行为。
浏览器可能用不同方式恢复错误标记。应在目标工具中检查 void 元素、可选标签、脚本、样式和实体。
检查 HTML 源码 的 元素 层级 属性 值 文本 节点 注释 实体 script style 空白 语义 可访问性 浏览器 行为 与 build 结果。 逐项 对比 source 和 formatted output，确认 parser、validator、template、encoding、order、focus、ARIA、security、privacy 和 deployment 前的测试结果。 1
检查 HTML 源码 的 元素 层级 属性 值 文本 节点 注释 实体 script style 空白 语义 可访问性 浏览器 行为 与 build 结果。 逐项 对比 source 和 formatted output，确认 parser、validator、template、encoding、order、focus、ARIA、security、privacy 和 deployment 前的测试结果。 2
检查 HTML 源码 的 元素 层级 属性 值 文本 节点 注释 实体 script style 空白 语义 可访问性 浏览器 行为 与 build 结果。 逐项 对比 source 和 formatted output，确认 parser、validator、template、encoding、order、focus、ARIA、security、privacy 和 deployment 前的测试结果。 3
检查 HTML 源码 的 元素 层级 属性 值 文本 节点 注释 实体 script style 空白 语义 可访问性 浏览器 行为 与 build 结果。 逐项 对比 source 和 formatted output，确认 parser、validator、template、encoding、order、focus、ARIA、security、privacy 和 deployment 前的测试结果。 4
检查 HTML 源码 的 元素 层级 属性 值 文本 节点 注释 实体 script style 空白 语义 可访问性 浏览器 行为 与 build 结果。 逐项 对比 source 和 formatted output，确认 parser、validator、template、encoding、order、focus、ARIA、security、privacy 和 deployment 前的测试结果。 5
检查 HTML 源码 的 元素 层级 属性 值 文本 节点 注释 实体 script style 空白 语义 可访问性 浏览器 行为 与 build 结果。 逐项 对比 source 和 formatted output，确认 parser、validator、template、encoding、order、focus、ARIA、security、privacy 和 deployment 前的测试结果。 6
检查 HTML 源码 的 元素 层级 属性 值 文本 节点 注释 实体 script style 空白 语义 可访问性 浏览器 行为 与 build 结果。 逐项 对比 source 和 formatted output，确认 parser、validator、template、encoding、order、focus、ARIA、security、privacy 和 deployment 前的测试结果。 7
检查 HTML 源码 的 元素 层级 属性 值 文本 节点 注释 实体 script style 空白 语义 可访问性 浏览器 行为 与 build 结果。 逐项 对比 source 和 formatted output，确认 parser、validator、template、encoding、order、focus、ARIA、security、privacy 和 deployment 前的测试结果。 8
source formatted output parser validator template encoding structure attributes text comments entities browser accessibility security privacy deployment review test 9
source formatted output parser validator template encoding structure attributes text comments entities browser accessibility security privacy deployment review test 10
source formatted output parser validator template encoding structure attributes text comments entities browser accessibility security privacy deployment review test 11
How to format HTML
- 输入完整 HTML 文档或受支持的片段。
- 检查嵌套、标签、属性、文本、注释、脚本和样式。
- 把值、实体、文本和顺序与源文件比较。
- 运行 HTML、可访问性、模板和浏览器测试。
- 从示例中删除凭据和个人信息。
Formatting method
- 读取元素、属性、文本、注释、声明和嵌入区域。
读取元素、属性、文本、注释、声明和嵌入区域。
- 添加换行和缩进来显示嵌套与兄弟顺序。
添加换行和缩进来显示嵌套与兄弟顺序。
- 保留源文件中的值、文本、注释、实体、脚本和样式。
保留源文件中的值、文本、注释、实体、脚本和样式。
解析器恢复、可选标签、空白策略、嵌入语言和错误信息需要在实际引擎中确认。
Read the formatted result
成功结果是输入 HTML 的可读排列。将结构、属性、文本、注释、实体和脚本与源文件核对。
失败不能证明浏览器恢复方式或具体解析器错误。
验证器、可访问性或构建问题属于独立契约；格式化不会添加语义或安全性。
常见错误
把缩进当作 HTML 验证可能掩盖缺少属性、无效嵌套或可访问性问题。
修改实体、属性或对空白敏感的文本可能改变行为。
不要假设浏览器恢复与格式化器输出相同。
不要在示例中放入私有模板、令牌或用户数据。
限制和特殊情况
此功能用于 HTML 展示格式化，不保证标准、可访问性、安全、兼容性、模板正确性或压缩。
可选标签、void 元素、CSS、JavaScript、实体和大文档应使用目标工具测试。
未经政策允许不要粘贴机密生产标记。
Examples
格式化会验证 HTML 吗？
格式化会验证 HTML 吗？
输入完整 HTML 文档或受支持的片段。
成功结果是输入 HTML 的可读排列。将结构、属性、文本、注释、实体和脚本与源文件核对。
会改变页面行为吗？
会改变页面行为吗？
检查嵌套、标签、属性、文本、注释、脚本和样式。
失败不能证明浏览器恢复方式或具体解析器错误。
属性会保留吗？
属性会保留吗？
把值、实体、文本和顺序与源文件比较。
验证器、可访问性或构建问题属于独立契约；格式化不会添加语义或安全性。
注释会保留吗？
注释会保留吗？
运行 HTML、可访问性、模板和浏览器测试。
成功结果是输入 HTML 的可读排列。将结构、属性、文本、注释、实体和脚本与源文件核对。
可以格式化片段吗？
可以格式化片段吗？
从示例中删除凭据和个人信息。
失败不能证明浏览器恢复方式或具体解析器错误。
会改善可访问性吗？
会改善可访问性吗？
输入完整 HTML 文档或受支持的片段。
验证器、可访问性或构建问题属于独立契约；格式化不会添加语义或安全性。
Frequently asked questions
格式化会验证 HTML 吗？
不会。请使用 HTML 验证器、可访问性、浏览器和模板测试。
会改变页面行为吗？
受支持输入通常只改变展示空白，但仍需比较和测试。
属性会保留吗？
示例保留名称和值；重要的 URL、class 和 id 请用 diff 检查。
注释会保留吗？
示例保留注释；请用实际输入确认。
可以格式化片段吗？
使用完整文档或受支持片段，因为片段可能依赖上下文。
会改善可访问性吗？
不会。语义、焦点、对比度和 ARIA 需要专门检查。
能修复错误 HTML 吗？
不要假设自动修复；修正源文件后再验证。
格式化后应该做什么？
检查 diff，运行验证和可访问性测试，并在目标浏览器渲染。