HTML 转 Pug 转换器：免费在线转换 HTML 为 Pug
HTML 转 Pug 转换器遍历您的 HTML 并生成 Pug 标记。标签使用 ID 和类简写，属性写在圆括号中，嵌套元素通过缩进表示。粘贴 HTML 代码片段，调整可用选项，然后复制转换后的 Pug，用于您的项目或工作流程。
HTML 转 Pug 转换器将 HTML 标记转换为 Pug，这是一种通过缩进表示嵌套元素的格式。当您需要在线将 HTML 转换为 Pug、将代码片段迁移到基于 Pug 的工作流程，或以不同形式检查同一标记时，它会很有用。
转换器遍历 HTML 并生成 Pug。标签使用 ID 和类的简写，属性写在圆括号中，嵌套元素通过缩进表示。粘贴源 HTML，调整工具中的可用选项，在复制前查看生成的 Pug。
HTML 使用尖括号标签和显式闭合标签来表达标记，而 Pug 使用缩进来表示嵌套。Pug 还为 ID 和类提供简写，属性写在圆括号中。当系统或项目需要 Pug，或您想根据 HTML 原文核对 Pug 值时，在这两种格式之间转换会很有帮助。
转换完全在浏览器中运行：您的输入在您的设备上处理，不会发送到服务器。该工具免费，页面加载后无需服务器连接即可离线使用。
这款转换器可以帮助需要准备代码片段、审查标记或在工作流程之间迁移内容的开发者和 DevOps 工程师。对于学习 HTML 结构如何对应 Pug 基于缩进语法的人也很有用。
步骤 1：将您的 HTML 输入粘贴到转换器中。可以使用短代码片段或需要转换的标记。
步骤 2：调整工具中的可用选项。转换器随后将您的 HTML 用作 Pug 输出的来源。
步骤 3：查看生成的 Pug。检查标签简写、属性圆括号和基于缩进的嵌套。
步骤 4：将 Pug 结果复制到您的代码中，或复制到接受它的系统。
使用场景：将 HTML 标记迁移到只接受 Pug 的系统中。先转换代码片段，然后将 Pug 输出复制到需要的地方。
使用场景：检查您获得的 Pug 值是否与原始 HTML 相符。转换后的输出为您提供了另一种可审查的表示形式。
使用场景：为文档、工单或提交信息准备代码片段。Pug 基于缩进的结构让嵌套标记易于浏览。
使用场景：在将结果粘贴到代码之前，先对转换进行完整性检查。查看生成的标签、简写、属性和嵌套。
使用场景：为使用 Pug 的项目转换 HTML 示例。这样可以重用现有标记，而不必手动重写其结构。
使用场景：以紧凑的 Pug 形式查看嵌套 HTML。缩进让转换结果中的元素层级一目了然。