HTML 格式化
以块级感知的缩进美化 HTML,或将其压缩。pre、textarea、script 和 style 的内容会被保留。
如何使用 HTML 格式化
- 01
将你的 HTML 粘贴到输入框。
- 02
选择美化以缩进它,或压缩以压缩它。
- 03
选择缩进大小,然后复制结果。
HTML 格式化程序的作用
这是一个 HTML 格式化程序,它通过块和内联感知缩进来美化标记,或者通过折叠空白和剥离注释来缩小标记。美化时选择缩进大小。
根据元素的嵌套方式美化缩进元素,因此文档的结构(哪些元素包含哪些元素)变得显而易见。这使得手写或生成的 HTML 更容易阅读和调试。
美化和缩小都完全在您的浏览器中运行,因此您的标记永远不会离开您的设备。
它保持不变的元素
它故意保留 pre、textarea、script 和 style 的内容不变,因为这些元素内的空格很重要:重新格式化它们会改变预先格式化的文本、用户输入的内容或代码的含义。
缩小如何工作
缩小会删除注释并折叠空白,从而缩小浏览器必须下载的文件大小。它作为生产页面的构建步骤最有用。
为什么它在标签之间保留空格
缩小器在标签之间保留单个空格,而不是完全删除它,因为实际上会渲染内联元素之间的空格,并且删除它可能会改变您的布局。这种谨慎可以避免激进的缩小器可能导致的微妙视觉错误。
常见问题
美化 HTML 有什么作用?
它根据元素的嵌套和结构进行缩进,同时保持 pre、textarea、script 和 style 的内容不变,因为那里的空白是有意义的。
HTML 压缩如何工作?
它移除注释并将连续空白合并为单个空格。它会保留标签之间的单个空格而非移除,因为内联元素之间的空白会被渲染,移除它可能改变布局。
我的 HTML 会发送到服务器吗?
不会。美化和压缩都完全在你的浏览器中运行,因此你的标记永远不会离开你的设备。