跳至内容
Monu Tools

HTML 格式化

以块级感知的缩进美化 HTML,或将其压缩。pre、textarea、script 和 style 的内容会被保留。

如何使用 HTML 格式化

  1. 01

    将你的 HTML 粘贴到输入框。

  2. 02

    选择美化以缩进它,或压缩以压缩它。

  3. 03

    选择缩进大小,然后复制结果。

HTML 格式化程序的作用

这是一个 HTML 格式化程序,它通过块和内联感知缩进来美化标记,或者通过折叠空白和剥离注释来缩小标记。美化时选择缩进大小。

根据元素的嵌套方式美化缩进元素,因此文档的结构(哪些元素包含哪些元素)变得显而易见。这使得手写或生成的 HTML 更容易阅读和调试。

美化和缩小都完全在您的浏览器中运行,因此您的标记永远不会离开您的设备。

它保持不变的元素

它故意保留 pre、textarea、script 和 style 的内容不变,因为这些元素内的空格很重要:重新格式化它们会改变预先格式化的文本、用户输入的内容或代码的含义。

缩小如何工作

缩小会删除注释并折叠空白,从而缩小浏览器必须下载的文件大小。它作为生产页面的构建步骤最有用。

为什么它在标签之间保留空格

缩小器在标签之间保留单个空格,而不是完全删除它,因为实际上会渲染内联元素之间的空格,并且删除它可能会改变您的布局。这种谨慎可以避免激进的缩小器可能导致的微妙视觉错误。

常见问题

美化 HTML 有什么作用?

它根据元素的嵌套和结构进行缩进,同时保持 pre、textarea、script 和 style 的内容不变,因为那里的空白是有意义的。

HTML 压缩如何工作?

它移除注释并将连续空白合并为单个空格。它会保留标签之间的单个空格而非移除,因为内联元素之间的空白会被渲染,移除它可能改变布局。

我的 HTML 会发送到服务器吗?

不会。美化和压缩都完全在你的浏览器中运行,因此你的标记永远不会离开你的设备。

来源

报告问题