HTML Prettify & Minify - 免费在线格式化 HTML

通过适当的缩进美化凌乱的 HTML,或者缩小到一行。放一个.html文件或粘贴,然后复制或下载清理后的标记。

输入HTML

或者丢掉.html文件

格式化输出

关于HTML Prettify

由js-beautify驱动,完全运行在浏览器中。Prettify 模式将标签重新格式化为其自身行,并保持一致的缩进;最小化模式会去除注释并压缩空白空间,以处理最小的负载。

Frequently Asked Questions

粘贴任何 HTML——即使是构建管道中单行最小化的输出——工具都会用正确的缩进、每行一个标签和一致的空白来重新格式化。选择2、4或8格缩进。输出内容可以直接放进编辑器或粘贴到代码审查注释中。

usage

Prettify 扩展了 HTML 以提升可读性:每个标签单独行,嵌套子节点缩进,部分之间保留空白行。Minify 会剔除注释,折叠空白,并去除换行,使文件以更少字节形式发布。用 Prettify 进行编辑和审核,Minify 用于生产部署。

features

不——js-beautify(底层引擎)检测脚本和样式块,并用适当的 JS 或 CSS 规则格式化其内容,确保内嵌脚本有效,样式表保持可读性。自闭标签、空位元素和命名空格属性(svg:xmlns,xlink:href)均被正确处理。

technical

它能很好地处理普通HTML和类似HTML的模板,但纯JSX(大括号表达式、片段、大写组件标签)会被解析为HTML,可能会发现一些小的美观问题。对于针对特定框架的代码,我们推荐根据你的方言配置为 Prettier;对于原始 HTML、.htm 和模板文件,我们的工具非常合适。

features

没有上传。该格式化器完全运行在浏览器中,使用 js-beautify,因此您可以安全地粘贴内部页面模板、草稿邮件或包含私密数据的 HTML,而设备内的任何内容都不会离开。

privacy

Minify 会剔除 HTML 评论,将标签间的空白区压缩为单一空格,并移除换行。结果是字节相同的渲染 HTML,通常会小 10-30%。结合服务器上的 gzip,这在内容密集的页面上明显减轻了初始页面的重量。

technical

是的——点击下载,将漂亮的输出保存为output.html或压缩后的输出为output.min.html。该文件采用 UTF-8 编码,因此无论是英文、西里尔字母、中日韩文字还是从右到左的内容都能很好地使用。

tips

它是一个小型的浏览器专用工具——零托管费用——所以我们作为开发者工具包的一部分免费提供。没有广告,输出没有追踪,文件大小也没有超出浏览器内存容量的限制。

pricing

Use Cases

邮件模板清理

营销邮件的HTML通常以一个缩小的整体形式从ESP发送。美化它以检查结构,找到那根破损的桌子柱,修补一个拼写错误,然后再发下一封。

marketing

CMS内容迁移

从一个CMS导出并导入到另一个CMS通常涉及移动HTML。Prettify使差异可读,Minify缩小负载,两种模式都保持内容的忠实度。

development

网页爬取输出

从网站抓取的原始HTML如果没有格式化是无法阅读的。把输出做漂亮化,找到你需要的CSS选择器,然后为你的爬虫写提取规则。

data

静态站点优化

在部署前,先从静态站点生成器生成的 HTML 进行最小化。在 gzip 基础上,文件大小减少了 10-30% ——在内容密集页面上,首次绘制时间有明显提升。

performance

文档摘要

在将HTML示例粘贴到文档、博客文章或README文件中时,先美化,让读者能跟上结构。把压缩版留到“生产产出”比较时再说。

documentation

JSX 重构辅助工具

在将一块HTML转换成JSX之前,先美化它,让转换脚本看到一个干净的树。这样可以省去在React/Vue迁移时手动重排的过程。

development