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