什么是 HTML 格式化与压缩
在网页开发和维护过程中，HTML 代码的结构和体积直接影响到开发效率与网站的加载速度。本工具是一款在浏览器本地运行的实用工具，旨在帮助用户重新格式化 HTML 代码以提高其可读性，或者对代码进行压缩以减小文件体积。此外，它还支持对 HTML 代码进行常见结构性问题的快速检查。
无论是需要整理混乱代码的开发者，还是追求极致加载速度的网站优化人员，都可以通过本工具在“格式化”与“压缩”之间自由切换，以满足不同的工作场景需求。
核心功能：格式化与压缩的区别
本工具提供了两种完全不同的代码处理模式，分别对应开发和上线的不同阶段：
- 格式化：该操作会重新缩进并拉开标记之间的间距，使杂乱无章的代码变得层次分明、易于阅读和维护。
- 压缩：该操作旨在减少文件体积以加快网页加载速度。在压缩过程中，工具会清除所有不必要的空白字符和注释，压缩 HTML 内部的内联 CSS 和 JavaScript，并去掉可选的属性引号。为了确保网页的正常显示，像预格式化文本（如
<pre>标签）等对空白敏感的内容在压缩时会保持原样，不受影响。
快速结构校验
除了调整代码外观，本工具还内置了实用的“校验”功能。开启该功能后，工具会对 HTML 进行快速的结构性检查，帮助用户发现以下常见的 HTML 结构问题：
- 未闭合或不匹配的标签
- 重复的 ID 属性
- 重复定义的属性
- 未转义的字符
需要注意的是，此功能定位为快速的结构性筛查，旨在指出问题所在的具体行号和列号，它并不能替代完整的 W3C 兼容性报告。
输入参数与配置说明
在使用本工具时，用户可以根据需求调整以下输入选项：
- HTML 输入：用户可以直接在文本区域中粘贴或手动输入需要处理的 HTML 代码。
- 缩进：在进行格式化操作时，用户可以选择使用“2 个空格”、“4 个空格”或“Tab”作为代码的缩进单位。
- 校验：用户可以自由选择将校验功能开启（On）或关闭（Off）。
输出指标与状态提示
处理完成后，工具会实时展示处理结果的相关数据指标，并给出明确的状态反馈：
- 行数：显示处理后的 HTML 代码总行数。
- 字符：显示处理后的 HTML 代码总字符数。
- 大小：以字节（Bytes）为单位显示处理后的 HTML 文件大小。
- 已压缩——体积减少
{pct}%：在执行压缩操作时，工具会直观地展示通过压缩节省的空间百分比。 - 状态与错误提示：
- 当输入内容被成功清空时，显示“已清空。”。
- 当格式化成功时，显示“已格式化。”。
- 当压缩成功时，显示“已压缩。”或带有比例的“已压缩——体积减少
{pct}%。”。 - 在校验运行期间，会显示“检查中……”。若未发现结构问题，则显示“未发现问题。”；若检测到问题，则会显示“发现
{count}个问题。”并在“校验”栏下详细列出每个问题的具体位置（如“第{line}行:{col}”）。 - 如果输入的文档超过 500,000 个字符，工具会拦截并提示“文档太大,无法处理。请换小一点的。”。
- 如果 HTML 代码因严重错误无法被解析处理，则会提示“无法处理这段 HTML。”。
隐私与本地处理说明
我们非常重视您的代码隐私。您的 HTML 代码在格式化、压缩和校验的整个处理过程中，完全是在您的浏览器本地完成的。没有任何数据会被上传到 BroBroGo 服务器，您可以放心地处理包含敏感信息的代码。
常见问题
格式化和压缩有什么区别?
格式化会重新缩进、加上空白,让代码易读易改;压缩正好相反,去掉浏览器用不到的空白和注释,让文件更小、加载更快。开发时用格式化,上线前用压缩。
打开校验会检查什么?
它会标出浏览器会默默容错的结构问题——未闭合或不匹配的标签、重复的 id、重复的属性、未转义的字符——并给出每处的行号和列号。这是快速的结构检查,不是完整的 W3C 合规报告。
压缩会改变页面的显示效果吗?
不会,页面的渲染和行为完全一样。压缩会删掉空白和注释、压缩内联 CSS 和 JavaScript,并去掉可省略的属性引号——只保留浏览器把页面画成同样效果所需的部分。像预格式化文本(pre)这类对空白敏感的内容会原样保留。