HTML 代码在经过压缩、传输或多人协作后，往往变得难以阅读和维护。格式化工具通过自动添加缩进和换行，使代码结构清晰可见，便于调试、审查和学习。本工具完全在浏览器本地运行，数据不上传服务器，安全高效。
• 智能缩进：根据标签层级自动计算缩进，支持 2 空格、4 空格和 Tab 三种缩进方式。
• 属性换行：可选将每个属性放在单独一行，特别适用于具有大量属性的复杂标签。
• 自闭合标签处理：自动识别 img、br、input 等自闭合标签，不增加额外缩进层级。
• 注释管理：可选择保留或移除 HTML 注释，灵活控制输出内容。
• 实时预览：开启实时预览后，输入即自动格式化，无需手动点击按钮。
本工具使用基于正则表达式的 HTML 标签解析器，将输入代码分解为标签、文本和注释三种基本 token。通过维护标签栈来追踪当前所处的嵌套层级，结合自闭合标签白名单，实现准确的缩进计算。属性换行功能通过单独解析每个标签的属性列表并重新排列实现。
第一步：输入 HTML 代码。在「输入 HTML 代码」文本框中粘贴或手动输入需要格式化的 HTML。工具支持任意长度的标准 HTML，包括常见的 HTML5 标签和自定义标签。
第二步：选择格式化选项。通过「缩进」下拉框选择缩进宽度。如果标签属性较多，可勾选「属性换行」将每个属性放在单独一行。如需移除注释，勾选「移除注释」。开启「实时预览」后，每次输入都会自动触发格式化。
第三步：格式化与复制。点击「✨ 格式化」按钮，格式化结果将显示在下方文本框中。点击「📋 一键复制」即可将结果复制到剪贴板，或点击「💾 下载为 .html 文件」保存到本地。
前端开发与调试：在开发 Web 页面时，从网络请求或第三方来源获取的 HTML 往往经过压缩处理。使用本工具可快速还原为可读的格式化代码，便于理解和修改。
代码审查与教学：格式化后的 HTML 结构清晰，便于团队成员进行代码审查。对于教学场景，良好的缩进有助于学生理解 HTML 的层级嵌套关系。
模板生成与整理：在使用模板引擎（如 EJS、Pug、Handlebars）生成 HTML 后，可能需要对输出结果进行格式化处理，使其符合团队的代码规范。
不会。本工具仅调整 HTML 代码的缩进、换行和空白，不改变任何标签、属性或文本内容。格式化前后的 DOM 结构完全一致。
支持三种缩进方式：2 个空格、4 个空格和 Tab 缩进。您可以根据团队代码规范或个人喜好选择。
HTML 中的自闭合标签（如 img、br、input、meta 等）不会增加缩进层级。工具会自动识别这些标签，确保它们与同级标签保持相同的缩进级别，避免不必要的深层嵌套。
当标签拥有多个属性时，启用属性换行可以将每个属性放在单独的一行，使代码更易读。特别适用于具有大量 data 属性或 ARIA 属性的复杂组件。
不会。本工具是纯前端应用，所有处理都在浏览器本地完成，数据绝不上传服务器，可放心处理敏感 HTML 代码。