HTML 格式化与美化工具
格式化并美化杂乱或压缩的 HTML——按嵌套层级重新缩进标签，保持属性不变，并且不改动 <pre>、<script>、<style> 和 <textarea> 的内容。完全在浏览器中运行。
输入
设置
输出
使用此工具的更多方式
REST API
curl -X POST https://api.iotools.cloud/v1/tool/html-formatter-beautifier \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"htmlSource": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta ch…",
"indentation": " ",
"preserveNewlines": "",
"removeComments": ""
}'替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。
让 AI 代理执行
Use the IOTools `html-formatter-beautifier` tool (HTML Formatter & Beautifier) on this input:
YOUR_INPUT_HERE将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。
嵌入式小组件
<iframe
src="https://iotools.cloud/embed/html-formatter-beautifier/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="HTML 格式化与美化工具 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。
| 每次 API/MCP 调用费用 | 5 积分起 |
|---|---|
| 需要更多积分? | 查看定价 |
也可通过
使用指南
粘贴压缩过的、机器生成的或缩进混乱的 HTML，即可获得重新整理缩进后的结果——每个嵌套层级占一行，属性保持不变，不应被重新格式化的标签则完全不动。适用于阅读压缩页面的源代码、清理从所见即所得编辑器粘贴来的标记，或在提交前整理模板。
使用方法
- 将 HTML 粘贴到输入框中，或上传
.html/.htm文件。 - 选择缩进方式：2 个空格、4 个空格或制表符。
- 可选：开启 保留现有空行（保留各部分之间有意留出的间距），或开启 删除 HTML 注释（移除所有包裹在
<!-- -->中的内容）。 - 复制结果，或下载为
formatted.html。
格式化在你输入时自动进行，无需点击按钮。
工具如何决定哪些内容保持在一行
内容全部为文本，或由文本与 <a>、<span>、<strong>、<em>、<img> 等行内元素混合组成的标签会保持在一行——<li>Item 1</li> 和 <p>Hello <strong>world</strong>!</p> 不会仅因为中间有嵌套标签就被拆成五行。包含块级子元素（<div>、<ul>、<section> 等）的标签会被断开：开始标签、每个子元素和结束标签各占一行，并比父元素多缩进一级。
void 元素——<br>、<hr>、<img>、<input>、<meta>、<link>、<area>、<base>、<col>、<embed>、<source>、<track>、<wbr>——从不会获得结束标签，也不会为其无法拥有的“子元素”增加虚假的缩进层级。自闭合语法（<img />）会按你的写法原样保留。
绝不改动的内容
<pre>、<script>、<style>和<textarea>的内容会逐字节原样输出。 这些元素中的空白是渲染或执行内容的一部分——重新格式化<pre>块会改变其显示的文本，而重新缩进<script>的内容可能会改变行为（例如其中包含模板字符串或对缩进敏感的字符串）。工具只重新缩进开始标签，开始标签与对应结束标签之间的所有内容保持你原本的写法。- 属性从不会被重新排序、改写或重新格式化。 标签中使用的引号和空格保持不变，只有标签的位置和缩进会变化。
- 格式错误的 HTML 不会导致格式化器崩溃。 不匹配的结束标签会被丢弃，而不会破坏其余输出，因此粘贴片段（而非完整文档）也能正常工作。
为什么它不修复未闭合的标签，也不验证我的标记？
它是格式化工具，而不是验证工具——它会对能够解析的结构重新缩进，并尽可能让确实有误的标记保持你的原意。如果需要检查缺失的标签、错误的嵌套或无效的属性，请事后将结果交给 HTML 验证器 检查。
它会压缩或删除任何内容吗？
不会——只会添加缩进，不会删除任何标签、属性或文本（只有在你开启该选项时才会删除注释）。如果你想减小页面的字节大小，请使用 HTML 压缩工具。
我的 HTML 会被上传到任何地方吗？
不会。格式化器完全在你的浏览器中运行——你的标记从不会发送到服务器、记录日志或被存储，上传文件也只是在页面中本地读取。它可以离线使用。