HTML 骨架生成器

按 lang、charset、viewport、title、description 等参数,快速生成标准 HTML5 页面骨架,并可选择是否包含 Open Graph、Twitter Card、外部 CSS/JS 与 favicon。输出为纯文本源码,全部在浏览器本地完成。

页面参数 等待输入

生成标准 HTML5 文档,缩进两个空格;外部 CSS/JS 的文件名与 favicon 为占位示例,请按需替换。

生成的 HTML
字符数—
行数—
是否含 meta—
填写参数后点击「生成骨架」,HTML 源码将显示在这里。

输出的 HTML 为纯文本源码,可直接复制到 .html 文件中使用。

生成规则
  • 文档以 <!DOCTYPE html> 开头,根元素为 <html lang="…">。
  • <head> 依次输出 charset、viewport、title,description 仅在填写时输出。
  • 勾选 Open Graph 时输出 og:type、og:title 与 og:description。
  • 勾选 Twitter Card 时输出 twitter:card、twitter:title 与 twitter:description。
  • 外部 CSS 输出 styles.css、外部 JS 输出 script.js,均为占位文件名。
  • favicon 输出 favicon.ico,同样为占位路径,请按实际资源替换。
  • 所有文本节点与属性值都会做 HTML 转义,避免特殊字符破坏结构。