HTML 格式化工具（美化器）

压缩过或手工编辑过的 HTML 很难阅读，更难调试。格式化工具会让每个块级元素——区块、标题、段落、列表、表格——各占一行并保持统一缩进，而文本以及链接、粗体这类行内标签则留在它所在的句子里。内嵌的 CSS 和 JavaScript 也可以重新缩进。

使用方法

1. 粘贴你的 HTML。
2. 选择 2 个空格、4 个空格或制表符，并设置长文本的换行长度（0 表示关闭换行）。
3. 选择属性何时分行，以及是否重新缩进内嵌的 style 和 script 代码。
4. 复制格式化后的 HTML；其下的提示会列出未闭合或多余的标签及其行号和列号。

计算公式

block element → own line, children one level deeper; inline content → one line, wrapped only at existing spaces; <pre>, <textarea> → copied exactly

在 HTML 中，换行等同于空格，所以在两个行内标签之间（例如 <b>a</b><i>b</i>）加一个换行，会让两个词之间多出一个可见的空格。因此格式化工具只在浏览器会忽略空白的块级元素周围添加换行，并且只在已有空格的位置折行。HTML 允许省略的结束标签，例如 </li> 或 </p>，不会被补上。

示例

示例页面会变成 32 行：<html>、<head> 和 <body> 各占一行，<header>、<nav> 和 <main> 缩进在其下，特卖段落保持一行，其中的 <strong> 和 <time> 仍是行内的；两个列表项各占一行，且不会凭空补上 </li>；<pre> 块保持不变，脚本主体则按花括号重新缩进。