HTML 格式化工具
用 Prettier 美化 HTML：统一缩进、每个元素一行，内嵌的 CSS 和 JavaScript 也会一并格式化。可选择 2 空格、4 空格或制表符。
输出
完全在浏览器中运行，您的数据不会被上传。
相关工具
查看全部什么是 HTML 格式化？
HTML 格式化工具使用 Prettier（大多数前端项目采用的格式化器）重写 HTML，使缩进整洁一致。内联的 <style> 和 <script> 代码块也会分别按 CSS 和 JavaScript 格式化。
如何使用 HTML 格式化
- 把 HTML 粘贴到输入框中，或点击 加载示例。
- 选择 缩进。
- 点击 格式化（输入时输出也会更新）。
- 复制或下载结果。
示例
输入
<div><p>Hi<b>x</b></p><img src=a.png alt=""></div>
输出
<div> <p>Hi<b>x</b></p> <img src="a.png" alt="" /> </div>
何时使用 HTML 格式化
适合在编辑或审查之前整理 CMS 导出的 HTML、邮件模板或生成的标记。它是格式化工具而不是验证工具：要查找未闭合的标签或重复的 id，请使用 HTML 验证器。由于 Prettier 在你的浏览器中运行，处理很大的文档可能需要一点时间。
HTML 格式化 的工作原理
代码使用 Prettier 3（独立构建版）及其 HTML、CSS 和 Babel 插件进行格式化，这些插件按需加载。Prettier 先把标记解析成语法树，再输出，使每行不超过 80 列，为属性加上引号，并给空元素补上 />。对空白敏感的行内元素会保持在一起，因此渲染出的页面不会改变。语法错误会以 Prettier 给出的行号和列号报告。
常见用例
- 让被压缩或只有一行的 HTML 变得可读
- 在代码审查前统一模板格式
- 为文档格式化 HTML 片段
- 清理从所见即所得编辑器复制出来的标记
安全提示
所有处理都在你的浏览器本地完成，粘贴的代码不会被上传。
常见问题
使用哪些样式规则？
使用 Prettier 的默认设置：80 个字符的行宽、属性使用双引号，以及你选择的缩进。
格式化会改变页面的外观吗？
Prettier 会尊重行内元素对空白的敏感性，因此渲染结果应保持不变。
它能修复无效的 HTML 吗？
不能。它只格式化浏览器能够解析的内容；要找出结构错误，请使用 HTML 验证器。
推荐的下一步
HTTP 响应头检测
获取任意公开 URL 的 HTTP 状态和响应头，并检查 HSTS、CSP、X-Frame-Options、nosniff 等安全响应头。
转义/反转义工具
一个工具搞定字符串转义与反转义：支持 JSON、JavaScript、HTML、XML、URL 组件、正则表达式、SQL 字面量、CSS 字符串和 Shell 参数。
JSON 转 XML
将 JSON 转换为格式良好的 XML，可配置根元素，通过“@_”键生成属性，数组生成重复元素，并可选 XML 声明。免费。
XML 转 JSON
将 XML 转换为 JSON：属性保留在前缀下，重复元素变为数组，可选解析数字/布尔值，并给出清晰的语法错误。免费，在浏览器内运行。
Markdown 转 HTML
将 Markdown 转换为 HTML，支持 GitHub 风格 Markdown 的表格和任务列表，提供经过净化的实时预览，可复制或下载原始 HTML。免费。
HTML 转 Markdown
将 HTML 转换为整洁的 Markdown：标题、链接、列表、代码块、GFM 表格和删除线，可选 ATX 或 Setext 标题以及围栏式代码。免费。