这个工具有问题吗？

关于「HTML 格式化 在线」

该工具重新格式化 HTML 源代码以提高可读性。它重新缩进嵌套标签、断开长行、规范化属性内的间距，并产生易于扫描和编辑的输出。可选的压缩模式去除空白以获得最小的输出。

在生产页面上查看源代码（其中所有内容都压缩到一行）、为代码审查准备 HTML、生成团队一致的输出，或为生产部署生成压缩的 HTML 时非常有用。

该格式化程序了解 HTML5 void 元素（br、img、input 等），逐字保留 <pre>、<script> 和 <textarea> 元素的内容，并以与块级元素不同的方式处理内联元素以保持文字流完整。

如何使用这个工具

如何把压缩或混乱的 HTML 美化

  1. 粘贴 HTML

    把压缩过或手写但杂乱的 HTML 放入「HTML」字段。完整文档（带 `<!doctype>`）和片段都行。

  2. 点击运行

    结果只有 `formatted`：两空格缩进，结构性断点处一个标签一行。紧邻文本的内联元素会保持在同一行，所以 `<p>Hi <strong>there</strong></p>` 不会被拆成三行。

  3. 保留的部分

    属性留在开始标签所在的同一行，属性多也不换行。注释（`<!-- … -->`）、`<script>`、`<style>`、`<pre>` 的内容原样保留，以免破坏 JS 或对空白敏感的文本。

  4. 可逆性注意

    为审阅格式化，部署前再压缩。该格式化器对非法 HTML 比较宽容，输入里漏掉的标签可能在输出中提早闭合。如果输入可疑，格式化后用 W3C validator 再校验。

相似工具