点击「格式化」或「压缩」后，结果将显示在此处
1. 粘贴代码
将需要处理的 HTML 代码粘贴到左侧输入框。支持 HTML5、XHTML、ThinkPHP 模板语法（{volist}、{if} 等）以及各类模板标签。
2. 选择缩进方式
缩进：支持制表符（Tab）、2/4/8 个空格，默认 4 个空格。格式化时自动按缩进美化代码结构。
3. 选择操作
格式化：美化代码结构，自动缩进与换行，标签层级清晰，便于阅读和维护。 压缩：去除多余空格、换行与注释，最小化文件体积，适合生产环境部署。
4. 查看与复制
处理结果实时显示在右侧输出区，支持语法高亮。点击「复制」按钮一键复制结果，点击清空按钮可重置输入输出。
1. 文档结构
<!DOCTYPE html> 声明开头<html>、<head>、<body> 三个基本标签<head> 中必须设置 <meta charset="utf-8"> 字符编码<title> 标题，且每个页面标题应唯一2. 标签使用
<div> 而非 <DIV>class="box" 而非 class=box<img src="">、<br>、<input>3. 语义化标签
| 标签 | 用途 |
|---|---|
<header> | 页面或区块的头部 |
<nav> | 导航链接区域 |
<main> | 页面主要内容（每页仅一个） |
<article> | 独立的内容块（文章、帖子） |
<section> | 文档中的章节或分区 |
<aside> | 侧边栏或辅助内容 |
<footer> | 页面或区块的底部 |
4. 属性规范
alt 属性，描述图片内容<label>，提升可访问性<input disabled> 而非 <input disabled="disabled">data- 前缀：data-id="123"5. 代码缩进与排版
6. 性能与 SEO
<head> 中，避免阻塞渲染</body> 前或使用 defer / async 属性width 和 height 属性，避免布局偏移<h1>~<h6> 标题层级，每页仅一个 <h1>7. 可访问性（a11y）
aria-label 说明用途HTML 格式化/压缩工具能做什么？
兼容 ThinkPHP 模板语法吗？
格式化会改变页面显示效果吗？
压缩会删除注释吗？对内联 script/style 有影响吗？
压缩与 gzip 有什么不同？
支持 HTML5 语义标签与空元素吗？
代码会上传到服务器吗？
大段 HTML 格式化太慢或结果不理想？