HTML 格式化工具可以把紧贴在一起的标签分行缩进。检查一个列表结构时，可以快速看出哪些 li 属于同一个 ul。

官网地址：https://pinetools.com/html-beautifier

将紧凑的 HTML 列表改为两空格缩进

示例是一个列表和两个列表项。用纯文本方式核对层级和内容。

粘贴紧凑的 HTML 片段

在 Input HTML 粘贴示例，确认开始标签和结束标签完整。

<ul><li>Map</li><li>Keys</li></ul>

将缩进设为两个空格

在 Options 的 Indentation 选择 Spaces，在 How many whitespaces 填 2。

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

格式化后核对标签配对

点击 Beautify!，到 Beautiful HTML 查看。检查两个 li 各占一行、比 ul 多缩进两格，Map 和 Keys 的顺序没有变化。

立即学习“前端免费学习笔记（深入）”；

<ul>
  <li>Map</li>
  <li>Keys</li>
</ul>