HTML 格式化

美化或压缩 HTML 代码,实时预览输出。

输出预览
23 行 · 437 B
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <title>示例页面</title>
  <link rel="stylesheet" href="/main.css">
</head>

<body>
  <div class="card">
    <h1>标题</h1>
    <p>这是一段很长的说明文字,用来说明格式化前后的对比效果。</p>
    <!-- 这段注释会在压缩时被移除 -->
    <ul>
      <li>第一项</li>
      <li>第二项</li>
    </ul>
  </div>
</body>

</html>
已加载示例,HTML 格式化在浏览器本地完成。

美化模式能做什么?

按选定的缩进宽度重排标签层级,可开启行宽折叠让长属性自动换行,并尽量保留原有换行结构。

压缩模式的边界

压缩会移除普通注释并折叠空白,<pre>、<textarea> 的内容也可能被压缩,适合快速减体积而非生产构建。

隐私说明

格式化由浏览器内的 js-beautify 完成,代码不会发送到任何服务器。