免费注册

HTML 格式化

粘贴压缩过或缩进混乱的 HTML,得到层级清楚、方便修改的代码。

关于HTML 格式化

HTML 格式化适合处理挤成一行、缩进乱七八糟的代码:用网页源代码查看复制出来的页面,建站系统导出的模板,HTML 邮件,从后台编辑器里粘出来的一段代码,想改一处都得先找半天。把代码贴进来或打开文件,格式化结果随输入实时出现,缩进可选 2 空格、4 空格或 Tab。

div、p、ul、table 这类块级标签各占一行,a、span、b、em 等行内标签留在文字里,句子不会被拆得七零八落。pre 和 textarea 里的内容原样保留,因为那里的空格和换行是有意义的。内嵌的 style 和 script 默认也会一起格式化,取消勾选“同时格式化其中的 CSS 和 JavaScript”则不处理其中的代码;注释全部保留。想把网页代码变小,用 HTML 压缩。代码只在浏览器里处理,不会上传,页面加载后断网也能用。

HTML 格式化怎么用

  1. 1
    粘贴 HTML

    把代码粘贴到输入框,或打开本地的 HTML 文件。

  2. 2
    选缩进

    选 2 空格、4 空格或 Tab,HTML 格式化结果马上更新。

  3. 3
    复制或下载

    复制格式化后的代码,或下载成文件。

为什么用熊仔工匠

  • 换行合理

    块级标签各占一行,a、span、em 等行内标签留在文字里。

  • pre 内容不动

    pre 和 textarea 里的空格、换行原样保留。

  • 内嵌 CSS、JS 一起整理

    style 和 script 块默认跟着 HTML 一起格式化,这个选项可以关掉。

  • 不上传、可离线

    在浏览器里运行,不占次数,页面加载后断网也能用。

常见问题

HTML 格式化常见问题

HTML 代码怎么在线格式化?
粘贴 HTML 或打开文件,选好缩进(2 空格、4 空格或 Tab),复制结果即可。结果随输入实时更新,不用装软件,也不用注册。
HTML 格式化会影响网页显示吗?
只调整空白:换行、缩进和多余的空格。行内标签留在文字里,pre 和 textarea 的内容不动,一般的页面显示效果不会变。
HTML 里的 CSS 和 JS 也会格式化吗?
会,默认就会。内嵌的 style 和 script 块会跟着一起格式化,取消勾选“同时格式化其中的 CSS 和 JavaScript”就不处理其中的代码;单独的 .css、.js 文件请用 CSS 格式化和 JS 格式化。
注释会被删掉吗?
不会,注释都保留。上线前想去掉注释和空白,可以再用 HTML 压缩处理一遍。
HTML 代码会上传吗?
不会。格式化在你的浏览器里完成,代码不会发到我们的服务器,不占每日次数,页面加载后断网也能用。
把HTML 格式化分享给朋友打开浏览器就能用,对方不注册也能先试。

相关工具

JS JS 格式化美化压缩过或排版混乱的 JavaScript。
HEX 颜色代码转换颜色在 HEX、RGB、HSL、CMYK 之间互转,并检查对比度。
CRON Cron 表达式生成与解析生成 Cron 表达式,用大白话说明含义并列出接下来的执行时间。
CSS CSS 格式化把压缩过的 CSS 还原成整齐易读的样式。
CSS CSS 压缩压缩 CSS,让网页加载更快。
HTML HTML 压缩去掉注释和多余空白,压缩 HTML。
HTTP 在线 HTTP 请求测试向公开的接口发送 GET、POST 等请求,查看返回结果。
JS JS 压缩去掉 JavaScript 的注释和空白,不改变运行结果。