跳转到正文

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 选项完全相同。

关于 OneClick Pro

OneClick Pro 是一个免费的工具集合,包含超过 150 种网络工具,助你处理日常工作:转换图像和单位、格式化和验证代码、检查域名和 SEO,以及处理文本、日期和数字。所有工具均可免注册、免订阅使用;你输入的内容仅用于计算结果,绝不会被存储。你可以将它用作处理临时任务的快捷工具箱,也可以收藏每天都会用到的工具。