HTML工具
开发辅助
在线HTML格式化工具，支持HTML压缩、验证、转义，提供HTML代码美化和校验功能
2 空格
输入 HTML
输出结果
工具说明
工具介绍
HTML 在线工具集，提供格式化、压缩、验证、转义/反转义等常用操作，同时支持 HTML 转 JSX、提取纯文本、提取链接和图片等高级功能。适用于前端开发、内容处理和代码调试场景。
功能特性
- 格式化：自动缩进和换行，支持 2 空格 / 4 空格 / Tab 缩进风格
- 压缩：移除注释、多余空白，最小化文件体积，显示压缩率
- 验证：检查标签配对、未闭合标签、嵌套错误，输出详细问题列表
- 转义 / 反转义：HTML 实体编码与解码互转（
&<>"'） - HTML 转 JSX：自动转换
class→className、for→htmlFor、内联 style 字符串转对象 - 提取文本：移除所有标签，提取纯文本内容并解码 HTML 实体
- 提取链接：解析所有
<a>标签的 href 和文本 - 提取图片：解析所有
<img>标签的 src 和 alt - 代码统计：实时统计字符数、标签数、属性数、链接数、图片数等
使用步骤
- 在左侧输入框粘贴或输入 HTML 代码，也可点击「加载示例」快速填充
- 选择缩进风格（2 空格 / 4 空格 / Tab），如需格式化
- 点击对应功能按钮（格式化、压缩、验证、转义等）
- 在右侧输出区查看处理结果
- 点击「复制」将结果复制到剪贴板，或点击「下载」保存为文件
常见问题
格式化后代码层级不正确？
本工具使用简化的分词器，对于复杂嵌套或内联元素混合的场景可能不够精确。建议先点击「验证」检查标签是否正确闭合。
压缩会破坏 <pre> 或 <textarea> 内容吗？
压缩功能会移除标签间所有空白并折叠为单个空格，可能影响 <pre>、<textarea> 等保留空白标签的内容。如需保留，请手动排除这些区域。
HTML 转 JSX 支持哪些转换？
支持 class → className、for → htmlFor、自闭合标签、内联 style 字符串转对象。不支持模板语法和复杂表达式。
提取文本时会处理 HTML 实体吗？
会。提取文本后会自动解码 &、<、© 等常见 HTML 实体，包括数字实体如 —。