# HTML格式化工具

使用此HTML格式化工具格式化HTML片段。粘贴标记后，工具会让 div、section、p、ul 和 table 等块级元素各占一行，并使用两个空格缩进；折叠内联内容中多余的空白；格式化内联CSS和JavaScript；同时保持 pre 和 textarea 内容不变。适合网页开发者和设计师整理粘贴而来、生成的或经过压缩的标记，以便阅读和评审。

## 常见问题

### HTML格式化工具如何决定在哪里换行？

如果某个元素包含块级子元素，例如 div、section、article、header、footer、nav、main、form、p、h1 到 h6、ul、ol、table 或 blockquote，格式化工具就会展开它，让每个子元素各占一行，并缩进两个空格。没有块级子元素的元素则保持在同一行。

### 为什么完整的HTML文档会以单行形式返回？

根据格式化工具的规则，html、head 和 body 元素不是块级标签，因此用它们包裹的文档除 doctype 外会保持内联。请粘贴 body 内的内容，或粘贴你正在处理的片段，以便将其展开。

### 空白字符会如何处理？

内联内容中的连续空格、制表符和换行符会折叠为一个空格，这与浏览器的显示方式一致。pre 和 textarea 元素中的内容会完整保留原有空白字符。

### 内联脚本和样式会进行格式化吗？

会，样式块会格式化为CSS，脚本块会格式化为JavaScript；对于JSON和JSON-LD 类型，则格式化为JSON。其他类型的脚本（例如文本模板）会按原样保留。

### 空元素会如何书写？

自闭合标签（例如 <br/>）会在斜杠前加一个空格，写作 <br />。不带斜杠的空元素（例如 <img src="a.png">）则会保持原有形式。

### 属性会被更改吗？

不会，属性、引号和顺序都会按原样保留。只有元素之间的空白字符会被重新排列。

### 注释会保留吗？

会，HTML注释和 doctype 都会保留并各自单独占一行。其内容会原样复制，包括被注释掉的标记。

### 格式化工具会修复无效的HTML吗？

不，它不会验证或修复标记。对于未闭合的标签，工具会尽可能进行格式化；如果需要查找结构错误，请运行验证器。

### 为什么结果被包裹在 html 代码围栏中？

结果以标记为 html 的 Markdown 代码块形式返回，因此会在 Markdown 中显示语法高亮。将围栏之间的内容复制到 .html 文件中即可。

### 我可以格式化多大的 HTML？

每次最多 5 MB；更大的输入会被拒绝并显示提示。输出与代码格式化工具的 HTML 选项完全相同。

在这里投放广告？

[给我们发邮件](mailto:hi@dennn.is?subject=%E5%9C%A8%20OneClick%20Pro%20%E4%B8%8A%E6%8A%95%E6%94%BE%E5%B9%BF%E5%91%8A)

[广告 适用于 WordPress 的智能体就绪型插件套件。](https://sleekwp.com/?ref=oneclickpro)