HTML 格式化 - 在线美化压缩排版

美化 / 压缩 HTML,缩进可调、内嵌预览

HTML 格式化 · 使用说明

HTML 格式化工具把压缩成一行的网页源码按标签层级缩进还原,属性对齐、文本换行清晰,便于阅读他人页面结构、排查缺失的闭合标签;也支持反向压缩,去掉多余空白与注释以减小体积。内置即时预览可以边改边看效果。适合分析邮件模板、整理抓取到的页面、核对 SEO 结构与无障碍属性。处理在浏览器本地完成,代码不上传。

示例

输入
<div><p>hi</p><p>yo</p></div>
输出
<div>
  <p>hi</p>
  <p>yo</p>
</div>

如何使用

  1. 粘贴 HTML 源码
  2. 点「格式化」按标签层级缩进
  3. 复制排版后的代码

小贴士

  • 拖拽 .html 文件到页面即可自动填入
  • 行内元素与文本节点会尽量保持原样

常见问题

HTML 格式化会上传我的数据吗?

不会。HTML 源码只在你的浏览器本地处理,不上传任何服务器,适合整段粘贴含敏感结构的页面源码,和站内 文件批量拖入 一致。

会改动我的标签结构吗?

不会。只在标签之间插入空白与换行,不增删、不重排任何节点,渲染结构保持不变。

能处理不完整的片段吗?

可以,采用容错解析,零散的标签片段也能缩进。

script 和 style 里的内容会缩进吗?

为避免改动代码语义,脚本/样式文本通常按源码原样保留,只对外层 HTML 排版。

想转成 Markdown 怎么办?

用 HTML 转 Markdown 可把网页正文整理成干净 Markdown,再配合 Markdown 预览 查看效果。

📂

松开以自动格式化

支持 .json / .sql / .csv / .html / .css / .xml / .yaml 文件