HTML 格式化

把杂乱的 HTML 整理成可读的缩进，或压成一行——全部在浏览器内完成。

HTML

格式化结果

格式化压缩

2 空格4 空格

使用方式

粘贴或输入 HTML，边输入边排版（或压缩）——无需点击任何按钮。
切换「格式化 / 压缩」，并选择 2 或 4 空格；压缩模式下缩进控件禁用。
块级元素每层缩进一级、每行一个；内联内容（文本与 <a>、<b> 等标签混排）原样保留。
void 元素（<br>、<img>、<input>…）无需闭合，逐字符保留，包括可选的 />。
原始文本元素（<script>、<style>、<textarea>、<title>、<pre>）内部逐字符复制，不解析、不重排。

示例

输入

<div><h2>标题</h2><p>一段<b>加粗</b>文字</p><img src="a.png" alt="图"></div>

输出

<div>
  <h2>标题</h2>
  <p>一段<b>加粗</b>文字</p>
  <img src="a.png" alt="图">
</div>

内联内容与 <script>/<style> 内部原样保留；<img> 是 void 元素，逐字符保留。

局限

只做结构排版：标签配对、void 元素、常见隐式闭合（li/td/tr/dt/dd/option/p/head）与嵌套；不做 DTD/Schema 校验。
嵌入式 JavaScript 与 CSS 不格式化，<script>/<style> 内部原样保留（请用代码格式化工具处理）。
不推断全部 HTML5 可选结束标签；真正写坏的嵌套会按行列报错。
内联/混排内容刻意不重排；<pre>/<textarea>/<title> 内部原样保留。
无文件上传、无 URL 参数、无历史、无账号；输入不会离开浏览器。

本工具箱中的其它格式化与文本工具。