、 内容，自动格式化内嵌 CSS 与 JSON-LD，支持缩进、属性换行、行宽设置和沙箱实时预览。 - 网址: https://qilingtools.com/zh/html-format - 分类: 开发工具 (https://qilingtools.com/zh/dev) - 标签: [开发](https://qilingtools.com/zh/tags/dev), [代码格式化](https://qilingtools.com/zh/tags/format), [前端网页](https://qilingtools.com/zh/tags/frontend) - 最后更新: 2026-10-26 - 价格: 免费，无需注册 - 隐私: 在浏览器本地处理，文件不上传服务器 从网页复制下来的源码挤成一行、缩进混乱，或者上线前想把 HTML 压缩得更小？把代码粘贴进来即可一键格式化或压缩。本工具使用手写的容错解析器：块级元素逐层缩进，a、span、strong 等行内元素与文字保持在同一行，只在原本有空白的地方折行，所以格式化前后页面渲染效果不变；<pre> 和 <textarea> 的内容原样保留，<script> 只调整缩进不改写代码，<style> 里的 CSS 与 application/ld+json 等 JSON 脚本会被自动美化。支持 2/4 空格或 Tab 缩进、属性过多或行过长时每个属性单独一行、自定义行宽，能自动补全未闭合的 <p>、<li>、<td> 等标签，保留 IE 条件注释和 DOCTYPE。压缩模式会合并多余空白、删除块级元素之间的空白与普通注释、压缩内嵌 CSS 和 JSON，同时保留行内元素之间有意义的空格。下方的实时预览在禁用脚本的沙箱 iframe 中渲染，可以直接确认效果。 ## 使用步骤 1. 粘贴 HTML 代码或整个网页源码（也可以先点「示例」看效果） 2. 选择格式化或压缩，按需设置缩进、属性换行、行宽和注释处理 3. 在下方预览确认效果，复制结果或下载 .html 文件 ## 功能特点 - 块级缩进、行内元素不拆行，格式化不改变页面渲染 - <pre>、<textarea> 原样保留，<script> 只调缩进 - 内嵌 CSS、JSON-LD 自动美化或压缩 - 属性换行（超出行宽 / 属性多于 N 个）与行宽可调 - 自动补全未闭合标签，保留条件注释与 DOCTYPE - 沙箱 iframe 实时预览 - 本地运行，代码不上传 ## 常见问题 ### 格式化会改变网页的显示效果吗？ 正常情况下不会。块级元素之间的空白对渲染没有影响，所以可以随意换行缩进；行内元素（a、span、b、code 等）和文字会保持在同一行，只在原本就有空格的位置折行，不会凭空插入或删掉空格。<pre>、<textarea> 这类对空白敏感的元素内容完全原样保留。 ### <script> 和 <style> 里的代码会被怎么处理？ <style> 中的 CSS 会用站内的 CSS 格式化器美化（压缩模式下压缩），type 为 application/json 或 application/ld+json 的脚本会被解析成 JSON 后重新排版；普通 JavaScript 只会去掉公共缩进后按层级重新缩进，不会改写代码，也不会被压缩，如需压缩 JS 请使用专门的 JS 压缩工具。 ### HTML 压缩能减少多少体积？安全吗？ 压缩会合并连续空白、删除块级元素之间的换行缩进和普通注释（IE 条件注释会保留），并压缩内嵌 CSS 与 JSON，对缩进较多的页面通常能减少 10%～30%。行内元素之间的空格、<pre> 与 <textarea> 的内容都会保留，所以不会出现文字粘连。上线前仍建议配合服务器 gzip / Brotli 压缩。 ### 我的代码会被上传吗？预览会执行页面里的脚本吗？ 不会上传，格式化与压缩全部在浏览器本地完成。预览使用 sandbox="" 的 iframe 渲染，脚本、表单提交和同源访问都被禁止，所以页面里的 JavaScript 不会运行；页面引用的外部图片和样式表仍会由浏览器正常加载。 ## 相关工具 - [JSON 格式化](https://qilingtools.com/zh/json): 免费在线 JSON 格式化：一键美化、压缩，实时语法校验并定位到出错行列，支持树形视图折叠、键名排序、转义与去转义、Unicode 转中文、复制下载，数据不上传。 - [Base64 编解码](https://qilingtools.com/zh/base64): 免费在线 Base64 编码解码工具：支持中文 UTF-8、URL 安全变体，文本与 Base64 互转，实时转换，本地处理不上传。 - [URL 编解码](https://qilingtools.com/zh/url-encode): 免费在线 URL 编码解码工具：encodeURIComponent 与 encodeURI 两种模式，处理中文、空格与特殊符号，本地实时转换不上传。 - [JWT 解析](https://qilingtools.com/zh/jwt): 免费在线 JWT 解析工具：解码 JWT 的 Header 与 Payload，展示过期时间、签发时间等，本地解析不上传，保护令牌安全。 - [时间戳转换](https://qilingtools.com/zh/timestamp): 免费在线 Unix 时间戳转换工具：时间戳与日期互转，自动识别秒/毫秒，显示本地时间、UTC、ISO 8601 和相对时间，实时更新。 - [哈希计算](https://qilingtools.com/zh/hash): 免费在线哈希/摘要计算工具：对文本或文件计算 SHA-1、SHA-256、SHA-384、SHA-512，使用浏览器加密接口本地完成，文件不上传。 - [UUID 生成](https://qilingtools.com/zh/uuid): 免费在线 UUID 生成器：使用加密安全随机数批量生成符合 RFC 4122 的 UUID v4，可大写、去连字符、加花括号，一键复制。 - [进制转换](https://qilingtools.com/zh/base-convert): 免费在线进制转换工具：二进制、八进制、十进制、十六进制及任意 2–36 进制互转，支持大整数（BigInt），本地实时计算。