JADE 转 HTML 是将 JADE(现已更名为 PUG)模板语言转换为标准 HTML 的过程。JADE/PUG 是一种简洁的 HTML 模板引擎,省略了 HTML 标签的闭合和冗余部分,使用缩进表示嵌套结构。将 JADE 转换为 HTML 后,可以在浏览器中显示页面,并能被标准的 HTML 渲染引擎解析。
1. JADE 示例
假设你有以下的 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 Jade to HTML Example
body
h1 Welcome to My Website
p This is a paragraph of text with some **bold** formatting.
ul
li Item 1
li Item 2
li Item 3
转换后,它将变成以下的标准 HTML:
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jade to HTML Example</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a paragraph of text with some <strong>bold</strong> formatting.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>