0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
配置
使用一致的缩进和可读的结构格式化 HTML 代码。 设置缩进和行宽,将代码粘贴到编辑器中,然后按格式化。
源代码
行:0角色:0
工作原理
整理并重新缩进 HTML 文档,使标签层级清晰一致。非常适合展开压缩标记的嵌套、查看他人的模板或统一你的视图风格。
除了缩进类型和大小以及行尾之外,它还能控制属性如何换行(例如每行一个)以及换行前的最大行长,这对属性很多的标签很有用。
一切都在你的浏览器中使用 js-beautify 运行,并保留 pre 和 textarea 等块的内容。它格式化外观;不会验证 HTML,也不会补全缺失的标签。
示例
<ul><li><a href="/a">A</a></li><li>B</li></ul><ul>
<li><a href="/a">A</a></li>
<li>B</li>
</ul>每个嵌套元素都以相应的缩进单独成行。使用场景
- 展开并让页面的压缩 HTML 标记变得可读。
- 在提交前统一模板的缩进。
- 控制属性众多的标签中的属性换行。
- 查看含嵌套表格的邮件或简报片段。
常见问题
属性换行选项有什么作用?
它定义标签属性的排列方式:同一行、强制每行一个或对齐。当元素有很多属性且你想提高可读性时很有用。
pre 或 textarea 的内容会被破坏吗?
不会。格式化器会保留 pre 和 textarea 等标签的内容(其中空格和换行有意义),不会对其重新缩进。
它会验证或修复 HTML 吗?
不会。它只重新排列缩进和换行。它不检查标签是否正确闭合,也不修复标记错误。
我的代码会上传到服务器吗?
不会。格式化完全在你的浏览器中进行;HTML绝不会离开你的电脑。