HTML 格式化

把一段 HTML 按标签层级缩进美化:遇到开始标签换行缩进、结束标签回退对齐,void 空元素不参与缩进,<pre>、<textarea>、<script>、<style> 内容原样保留。本工具基于标签的轻量缩进,不是完整的 HTML 解析器,仅调整排版,不校验语法。

输入 HTML 等待输入
缩进

本工具基于标签做轻量缩进,不校验标签闭合与嵌套是否合法,也不解析属性语义。

格式化结果
行数—
标签数—
缩进—
字符数—
输入 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 ?> 单独成行。
  • 标签之间的纯文本去除首尾空白后按当前层级缩进。