跳到主要内容

HTML 格式化

开发者工具

查看别人页面源码、或刚压缩完想核对改动时用得上。格式化只在标签之间插入换行与缩进,不改任何属性和文字。

正在加载工具…

使用说明

3 步
  1. 01

    把 HTML 粘进输入框(压缩过的整行源码也行)

  2. 02

    选缩进:2 空格、4 空格或 Tab

  3. 03

    右侧实时展开,复制或下载

常见问题

4 个问题
Q1会改变页面渲染效果吗?

不会。只在标签之间插入换行和缩进,标签、属性、文本内容都不动。行内元素之间的空格也会保留,所以不会出现词粘连。

Q2自闭合标签会多出一层缩进吗?

不会。br、img、input、meta、link 这类空元素和 <div /> 这种自闭合写法都按单行处理,不会把后面的内容错误缩进一层。

Q3<pre> 里的空白会被重新排版吗?

会保持原样。pre、textarea、script、style 的内容不应被重新缩进,工具对这几块做了保护。

Q4格式化后体积会变大吗?

会,因为多了换行和缩进。这本来就是给人看的版本;上线前用同目录的 HTML 压缩工具再压回去就行。

开发者工具