HTML 格式化
在浏览器中美化并缩进杂乱或压缩的 HTML。
实时 — 边输入边格式化
示例
美化压缩的 HTML
输入
<ul><li>One</li><li>Two</li></ul>
输出
<ul> <li>One</li> <li>Two</li> </ul>
缩进嵌套结构
输入
<div><p>Hi <a href="#">there</a></p></div>
输出
<div> <p>Hi <a href="#">there</a></p> </div>
关于此工具
这个免费在线 HTML 格式化工具把杂乱、压缩或手改的标记变成整洁、缩进整齐的 HTML——一个快速的 HTML 美化和格式化工具。粘贴你的 HTML，选择缩进样式，格式化结果立即出现。一切都在你的浏览器中运行，不上传，你的代码绝不会离开你的设备。
使用方法
- 把 HTML 粘贴到输入框（点击示例试用）。
- 选择 2 空格、4 空格或制表符缩进。
- 在右侧输出框查看美化后的 HTML。
- 用复制按钮复制结果。
何时使用 HTML 格式化工具
从构建好的页面复制压缩 HTML、接手同事不一致的标记，或在编辑前想读懂邮件模板或组件时，重新格式化很方便。一致的缩进让嵌套一目了然，diff 也更干净。
常见问题
这个 HTML 格式化工具免费吗?
免费 — 无需注册、无限制的完全免费在线 HTML 格式化和美化工具。想格式化和缩进多少 HTML 都行。
我的 HTML 会上传到服务器吗?
不会。这是不上传的工具——你的 HTML 完全在浏览器中格式化，所以标记绝不会离开你的设备。对私密或内部代码也安全。
HTML 美化器实际上做什么?
它重新缩进你的标记，把标签和内容各放一行，并规范化间距，让杂乱或压缩的 HTML 变得整洁易读。它不会改变页面的渲染结果。
我能选择缩进吗?
能——选 2 空格、4 空格或制表符。你的选择会记在浏览器中，下次仍在。
它能处理压缩的 HTML 吗?
能。粘贴单行或压缩的 HTML，它会把它展开成正确缩进、易读的结构。
会破坏我的内联 JavaScript 或 CSS 吗?
不会。内联的 <style> 和 <script> 块会保持完整，并随周围标记一起缩进，所以你的代码继续正常工作。
离线和手机上能用吗?
页面加载后它在本地运行，所以在网络不稳时仍能工作，布局在手机和平板上完全响应式。
相关工具