HTML 格式化

格式化 HTML 缩进,按需控制空白处理。

前端与设计
正在准备工作区…
输入
输出
结果将显示在这里。

使用方法

  1. 粘贴文本、打开 UTF-8 文件,或试用 Sample。
  2. 选择输入与设置,然后运行工具,或开启自动运行。
  3. 检查结果后复制或下载。修改输入会使之前的结果失效。

HTML 格式化

格式化 HTML 缩进,按需控制空白处理。

处理在浏览器本地完成,输入不会发送给 DevToolsy。

工作原理

使用 Prettier 将 HTML 作为源码格式化,不渲染输入的标记,也不执行脚本;script 和 style 内嵌代码不再单独格式化。

处理前后对比
输入
<main><h1>Project notes</h1><p>Built with <strong>care</strong> for the web.</p><ul><li>Fast</li><li>Local</li></ul></main>
输出
<main>
  <h1>Project notes</h1>
  <p>Built with <strong>care</strong> for the web.</p>
  <ul>
    <li>Fast</li>
    <li>Local</li>
  </ul>
</main>

格式化 HTML 缩进,按需控制空白处理。

选项与数据保真

可选择遵循 CSS、严格保留或忽略空白,并设置缩进与行宽。默认遵循 CSS,忽略空白可能改变行内内容的可见间距。

使用处理结果

它不审查语义、无障碍或危险标记。请在项目中检查结果,发布前使用相应的校验工具。

检查结果后复制或下载。修改输入会使之前的结果失效。

处理限制

每份 UTF-8 输入上限 1 MiB,输出上限 8 MiB。JSONPath 与 Schema 5 秒超时,其他工具 30 秒超时。

?

常见问题

输入的 HTML 会渲染或执行吗?

使用 Prettier 将 HTML 作为源码格式化,不渲染输入的标记,也不执行脚本;script 和 style 内嵌代码不再单独格式化。

如何处理有意义的空白?

可选择遵循 CSS、严格保留或忽略空白,并设置缩进与行宽。默认遵循 CSS,忽略空白可能改变行内内容的可见间距。

格式化会检查无障碍或安全问题吗?

不会。它不审查语义、无障碍或危险标记。请在项目中检查结果,发布前使用相应的校验工具。

输入内容会上传吗?

处理在浏览器本地完成,输入不会发送给 DevToolsy。

可以打开本地文件吗?

UTF-8 输入最大 1 MiB · 输出最大 8 MiB

寻找下一个实用工具

语言

切换语言?当前页面的内容将被清空。请先复制或下载需要保留的数据。