HTML 缩进调整

把一段 HTML 按标签层级重新缩进：开始标签换行缩进、结束标签回退对齐，void 空元素不参与缩进，<pre>、<textarea>、<script>、<style> 内容原样保留。可选让每个标签独占一行，支持 2 空格、4 空格与 Tab 缩进。全部在浏览器本地完成。

输入 HTML 等待输入

缩进宽度

每标签独占一行

保留 pre/textarea 内空白

本工具按标签栈重排缩进，不改变标签与属性内容，也不校验标签闭合与嵌套是否合法。

缩进结果

标签数—

最大层级—

行数—

缩进—

粘贴 HTML 并点击「调整缩进」，结果将显示在这里。

按标签层级缩进；void 元素（br、img、input 等）不换行、不参与缩进。

缩进规则

开始标签 <div> 单独成行，其后内容缩进一级。
结束标签 </div> 回退一级并单独成行。
void 空元素：area、base、br、col、embed、hr、img、input、link、meta、param、source、track、wbr，不换行、不参与缩进。
自闭合标签 <x/> 单独成行，不增加缩进层级。
<pre> / <textarea> / <script> / <style> 内部内容原样保留，不重新缩进。
注释 、DOCTYPE <!DOCTYPE>、处理指令 <?xml ?> 单独成行。
「每标签独占一行」开启后，标签之间的纯文本会被裁剪并以当前层级单行输出。
本工具只调整缩进排版，不校验语法、不改变标签或属性的内容。