HTML / CSS / JS 格式化
HTML、CSS、JavaScript 源码格式化与缩进配置。
缩进
换行
属性换行
保留空行
字符 0字节 0行 0
字符 0字节 0行 0
仅重排空白与缩进,不改变标签、属性、文本内容与字符编码;HTML 不做标签闭合修复,CSS 不做属性合并,JS 不执行也不做压缩混淆。改选项后需重新点击「格式化」。
通用选项
- 换行:输出使用 LF 或 CRLF;保留空行:保留源码中的连续空行(
是时)。 - 属性换行「每行一个」仅对 HTML 生效:把开标签的每个属性单独成行并缩进一级;CSS / JS 无属性概念,该选项置灰。
- 导入文件:从本地
.html/.css/.js等文本文件读入;内容只在浏览器内存中处理,不上传。
HTML
- 开标签缩进 +1、闭标签 -1;void 元素(br / img / input 等)与自闭合标签不增加缩进。
<pre>/<textarea>/<script>/<style>内容原样保留;跨行文本保持行结构。- 纯文本短内容(如
<span>行内</span>)保持单行;开启属性换行后开标签一律展开。 - 标签不配对时报「第 N 行:<div> 未闭合」并保留输入,可用「定位第 N 行」跳到出错行。
CSS
- 选择器后
{换行并 +1 缩进,}对齐回退;每条声明一行;@media 嵌套按深度缩进。 - 字符串与注释原样保留;括号不配对报「第 N 行:“{” 未闭合」。
JS
- 括号深度保守缩进;状态机跳过单/双引号字符串、模板字符串(含
${}嵌套)、//与/* */注释、正则字面量(=(,[:后的/视为正则起点),防止字符串里的{}干扰计数。 } else {/});/do…while保持同行;对象字面量成员按行展开。- 本工具仅格式化源码文本,不执行 JS,也不是压缩 / 混淆工具。
什么时候用「HTML / CSS / JS 格式化」
复制来的压缩 HTML、CSS 或 JS 挤成一团,需要先格式化再读。
使用要点
- 三种语言都支持,缩进方式可配置。
- 只做排版,不执行脚本。
- 读第三方页面片段、模板或压缩样式时很好用。
相关工具
HTML / CSS / JS 格式化与其他 44 个工具一样,全部计算都在你的浏览器里完成:输入、密钥与文件不会发送到服务器,页面首次加载后可离线使用。