HTML 格式化与美化工具 — 在线格式化 HTML | fixjson.org

input.html

<!doctype html><html><head><title>Demo</title><style>body{font-family:sans-serif;margin:2rem}h1{color:#2d6cdf}</style></head><body><h1>Hello, world</h1><p>This HTML is <strong>rendered</strong> locally — nothing is uploaded.</p><ul><li>One</li><li>Two</li></ul></body></html>

output.html缩进

粘贴 HTML，一键以统一缩进美化。

相关

与 HTML 格式化相关的指南

全部指南 →

JSON 解析错误：读懂消息，直达修复

JSON 解析器错误消息及其解释文章的目录 —— 先用严格校验器，再深入到具体的语法问题。

修复无效 JSON：从「哪里出错」到干净的文件

修复看起来几乎正确的 JSON —— 尾随逗号、单引号、未加引号的键 —— 使用能容忍“准 JSON”的智能格式化器，然后进行严格校验。

JSON 格式化器、校验器、查看器：选对工具

并排比较格式化器、校验器、查看器、压缩器和差异对比，以及在审查 API 负载时串联它们的顺序。

在线 HTML 格式化与美化

粘贴压缩过或杂乱的 HTML，点击 Format 即可将其美化为一致、易读的缩进。这款在线 HTML 格式化工具完全在你的浏览器中运行 —— 不会上传任何内容 —— 因此用于内部模板和生产环境标记都很安全。

美化 HTML —— 把单行或缩进不一致的标记变成整洁、带缩进的树状结构
选择缩进宽度 —— 2 个或 4 个空格
保留内容 —— 文本以及 <script>、<style> 和 <pre> 块都会保持原样
隐私安全 —— 一款在本地运行、无需上传的 HTML 美化工具

安全地格式化 HTML

格式化工具会按嵌套深度对标签重新缩进，而不会重写你的内容。<br>、<img> 和 <input> 等空元素会被正确处理，而 <script>、<style>、<pre> 和 <textarea> 的内容会被原封不动地保留，因此不会破坏任何东西。

想在格式化的同时查看标记的渲染效果，请使用 HTML 查看器。如果想美化的是结构化数据，请试试 XML 格式化或 JSON 转 XML。

FAQ

如何在线格式化 HTML？

粘贴你的 HTML，选择缩进宽度，然后点击 Format。美化工具会按嵌套深度对标记重新缩进，你可以复制结果 —— 全部在你的浏览器中完成。

它会改变我的内容吗？

不会。它只会调整标签之间的空白与缩进。文本以及 <script>、<style> 和 <pre> 的内容都会被保留。

HTML 会被上传到服务器吗？

不会 —— 格式化在你的浏览器本地进行，因此处理机密或内部标记都很安全。