HTML 在线格式化美化

粘贴 HTML 并点击“格式化 HTML”,按 Prettier 规则整理得整整齐齐。

输入的文字和文件不会发送到服务器,只在本浏览器中处理。

使用方法

  1. 粘贴 HTML 并点击“格式化 HTML”。第一次使用时需要下载格式化程序,可能稍等片刻。
  2. 用“缩进”和“每行最大字符数”决定样式,超过长度的行会把属性或内容换到下一行。
  3. “空白处理”默认保留行内元素周围的空白,保证页面显示不变;选择“忽略空白”更整齐,但文字之间的空格可能改变。
  4. 标签不匹配时会提示错误所在的行和列。想更详细地检查结构,可以使用 HTML 检查工具。

常见问题

按什么规则格式化?

在浏览器中直接运行广泛使用的开源格式化工具 Prettier(MIT 许可证),结果与在编辑器里用 Prettier 格式化基本相同。

格式化后页面显示会变吗?

默认设置会按不改变显示效果的方式处理空白,所以有时标签会在不太自然的位置换行。改为“忽略空白”看起来更整齐,但行内元素之间的空格可能发生变化。

代码会上传到服务器吗?

不会。连格式化程序本身也下载到浏览器中,所有处理都在本设备上完成。

相关工具

全部工具