HTML 转 JADE（PUG） 是将标准 HTML 转换为 JADE（现在称为 PUG）模板语言的过程。JADE/PUG 是一种简洁的 HTML 模板引擎，通过缩进和简化的语法来表示 HTML 结构。将 HTML 转换为 JADE 后，可以更容易地处理模板和动态内容生成。
1. HTML 转 JADE 示例
假设你有以下的 HTML 内容：
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML to JADE Example</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a paragraph with some <strong>bold</strong> text.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>
将其转换为 JADE（PUG）模板后，应该是这样的：
jade
doctype html
html(lang="en")
head
meta(charset="UTF-8")
meta(name="viewport", content="width=device-width, initial-scale=1.0")
title HTML to JADE Example
body
h1 Welcome to My Website
p This is a paragraph with some
strong bold
ul
li Item 1
li Item 2
li Item 3
2. 转换规则
<!DOCTYPE html>：在 JADE（PUG）中使用 doctype html 表示文档类型。
HTML 标签：HTML 标签如 <html>, <head>, <body>, <meta> 等都可以转换为 JADE 的简洁语法，使用缩进表示嵌套关系。
HTML 属性：在 JADE 中，HTML 属性使用括号表示，并且属性之间用逗号分隔。例如，<meta charset="UTF-8"> 转换为 meta(charset="UTF-8")。
文本节点：如果有嵌套文本内容，JADE 直接放在标签内。如果是更复杂的嵌套结构，使用缩进来表示层级关系。
3. 手动将 HTML 转换为 JADE
步骤 1：将 HTML 标签转化为 JADE 的简洁语法：
省略关闭标签。
使用缩进来表示层级关系。
属性使用括号表示。
步骤 2：处理嵌套内容
在 HTML 中，文本通常放在标签内。在 JADE 中，文本直接放在标签下方，且可以使用缩进表示子元素。