结果仅供参考，可能包含错误。请自行核实重要信息。使用本工具风险自负。
这个工具能做什么
HTML 模板生成工具会生成 HTML5 页面的初始骨架：<!DOCTYPE html> 声明、带 lang 属性的 <html> 元素、包含 UTF-8 字符集和页面标题的 <head>，以及带有一个标题的 <body>。修改标题或语言后，代码会立即更新。
有三个选项默认开启，可以随时关闭：响应式 viewport 元标签（页面要在手机上正确显示就离不开它）、指向 style.css 的链接（引入 style.css），以及带 defer 属性的 script.js 标签（引入 script.js（延迟加载））。该属性会让脚本并行下载，并在页面解析完成后再执行。标题和语言都会经过转义，因此 & 或 < 等字符不会造成问题。
适用场景
- 为原型、演示或 bug 复现快速创建一个干净的 HTML 文件。
- 讲解一个有效 HTML5 页面的最小结构。
- 在引入框架之前先搭建一个静态落地页。
- 在用元标签生成工具添加 SEO 标签之前，确认页面应包含哪些 head 标签。
示例
输入
页面标题：My Page
语言代码：en
启用 viewport 元标签、style.css 和 script.js输出
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>My Page</h1>
<script src="script.js" defer></script>
</body>
</html>关于这个工具的问题
lang 属性为什么重要？
屏幕阅读器依靠它选择正确的发音，浏览器依靠它提供翻译，搜索引擎则把它当作判断语言的信号。请把它设为内容的主要语言，例如 en、fr 或 he。
viewport 元标签有什么作用？
没有它，移动浏览器会假设屏幕宽度约为 980px 来渲染页面，然后再整体缩小，导致文字变得非常小。width=device-width, initial-scale=1.0 会告诉浏览器使用真实的屏幕宽度。
为什么脚本要加上 defer？
defer 让浏览器在下载脚本的同时继续解析 HTML，并在文档就绪后才执行脚本。这样页面不会被阻塞，你的脚本也可以放心地查找页面元素。
接下来还应该添加什么？
元描述（meta description）和社交分享预览标签。元标签生成工具和 Open Graph 标签生成工具可以生成这些标签；网站上线时，Robots.txt 生成工具也能派上用场。
这个工具免费吗？
是的，完全免费。无需注册或电子邮箱。结果直接显示在本页。
如何获取结果？
在此页面使用工具即可查看结果，无需通过电子邮件接收。