格式化 HTML

您通过网站的「查看源代码」获取了压缩的 HTML,或粘贴了一段自动生成的片段,所有内容都在一行难以阅读吗?将其粘贴到此处,以获得一个缩进良好、每行一个标签的版本,方便您研究或修改。

注意:这是一个基础格式化工具(按嵌套层级缩进),而不是像 Prettier 那样完整的 HTML 解析器。它不会修正未正确闭合的标签或语法错误,<script> 或 <style> 块的内容也不会被特别重新格式化。

示例:

工作原理

将您压缩或紧凑的 HTML 粘贴到上方字段中,点击「格式化」:该工具会识别开始标签、结束标签和自闭合标签,将每个标签放在单独的一行,并按每个嵌套层级缩进 2 个空格。常见的自闭合标签(br、img、input、meta、link、hr 等)即使没有显式的 /> 也能被识别。

为什么我格式化后的 HTML 在视觉上不完全相同?

重新格式化会在标签之间添加换行符和缩进空格,如果您的 CSS 依赖于元素之间的空白字符(这种情况很少见,但在使用 display: inline 时可能发生),渲染效果可能会略有变化。HTML 的内容和结构保持不变:只有源代码的呈现方式发生了改变。

该工具可以修正无效的 HTML 吗?

不能。该格式化工具假定您的标签整体上是格式良好的(按正确顺序打开和关闭)。如果它遇到一个从未闭合的标签或非常不寻常的语法,结果可能缩进不正确。要验证 HTML 的合规性,请另外使用专门的验证工具。

格式化操作 100% 在您的浏览器中通过 WebAssembly 本地执行:您的 HTML 代码永远不会发送到服务器。