可使用编辑器快捷键、在线工具、命令行Prettier或手动列编辑四种方法快速规范HTML缩进：VS Code按Shift+Alt+F，Sublime需插件支持Ctrl+Shift+I；在线工具如freeformatter.com粘贴即格式化；Prettier通过npm安装并配置.tabWidth；手动时Alt+拖选多行首空格统一增减缩进。
如果您在编写HTML代码时发现缩进混乱、层级不清，导致可读性下降或协作困难，则可能是由于手动缩进不一致或编辑器未启用自动格式化功能。以下是快速调整HTML代码缩进格式的多种方法：
一、使用编辑器内置格式化快捷键
大多数现代代码编辑器（如VS Code、Sublime Text、Atom）支持一键格式化HTML文档，该功能基于语言服务自动识别标签嵌套关系，并按标准缩进规则（通常为2或4个空格）重排代码结构。
1、确保文件以 .html 或 .htm 为扩展名，使编辑器正确识别HTML语言模式。
2、将光标置于HTML文档任意位置，按下快捷键：Shift + Alt + F（VS Code默认），或 Ctrl + Shift + I（Sublime Text中需安装HTML-CSS-Class-Completion插件后生效）。
立即学习“前端免费学习笔记（深入）”；
3、若快捷键无响应，右键编辑区空白处，选择 “格式化文档” 或检查设置中是否启用了 “Format On Save” 选项。
二、通过在线HTML格式化工具处理
当本地编辑器不可用或需临时清理他人提交的压缩HTML代码时，可借助可信的在线格式化服务，这些工具基于开源解析器（如js-beautify）还原语义化缩进，不上传至服务器存储。
1、访问 https://www.freeformatter.com/html-formatter.html 或 https://codebeautify.org/htmlviewer 等网页端工具。
2、将待格式化的HTML代码全选复制，粘贴至左侧输入框中。
3、点击 “Format HTML” 按钮，右侧即显示缩进规范、层级清晰的结果代码。
4、复制右侧内容，替换原始代码，注意核对 script 和 style 标签内部是否被误格式化，必要时手动微调。
JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非常适合于服务器与 JavaScript 的交互。本文将快速讲解 JSON 格式，并通过代码示例演示如何分别在客户端和服务器端进行 JSON 格式数据的处理。
三、使用命令行工具prettier进行批量缩进
对于项目级HTML文件统一缩进管理，Prettier提供可配置的CLI方式，支持与Git钩子集成，在提交前自动标准化所有HTML文件的缩进风格和换行位置。
1、在项目根目录打开终端，执行命令安装Prettier：npm install --save-dev --save-exact prettier。
2、创建配置文件 .prettierrc，写入内容：{"tabWidth": 2,"htmlWhitespaceSensitivity": "css"}。
3、运行格式化命令：npx prettier --write "src/**/*.html"，其中 src/ 为HTML文件所在路径。
4、检查控制台输出，确认类似 "src/index.html 123ms" 的成功提示，此时文件已按配置完成缩进重排。
四、手动调整缩进的高效技巧
在无法使用自动化工具的受限环境（如部分IDEA轻量模式或老旧编辑器）中，可通过编辑器的列编辑与多光标功能实现精准缩进，避免逐行修改。
1、按住 Alt 键（Windows/Linux）或 Option 键（macOS），鼠标拖动选择多行起始空白区域，形成垂直选区。
2、输入 两个空格，所有选中行首同步增加相同缩进量；重复操作可叠加缩进层级。
3、对需要减少缩进的行，先用相同方式选中开头空格，再按 Delete 或 Backspace 删除。
4、针对嵌套过深的结构，优先选中父容器（如 <div class="container"> 至其闭合标签），再整体缩进，确保子元素相对位置不变。
