跳到正文
在此运行 完全在你的浏览器里运行,不上传、不登录

HTML 模板生成

勾选需要的语义区块,一键生成缩进正确、可直接使用的 HTML5 骨架代码。

区块

选项

生成的 HTML

怎么用

  1. 输入页面标题,选择 lang 属性。
  2. 勾选需要的区块:header、nav、main、footer,可选加 table 或 form。
  3. 决定是否附带一小段带合理重置的默认样式。
  4. 复制生成的 HTML,或下载为 index.html。

常见用法

常见问题

问:输出默认可访问吗? 答:用了语义元素(header、nav、main、footer),表单输入也用 label 包裹,辅助技术能获得合理的结构。真正的可访问性仍取决于你放进去的内容。

问:只勾 main 时为什么有占位文字? 答:空的 main 不是好的起点,所以放了一段占位段落;勾上 table 或 form 后它会消失。

问:复制之后还能改设置重新生成吗? 答:可以。输出是实时更新的,改任意勾选或选项后再复制一次即可。

你的数据留在这台设备上

HTML 模板生成 完全在本地运行。你粘贴或拖入的一切都由你自己的浏览器处理,不会被传走。我们的服务器不保存任何东西——关掉标签页就没了。

你输入的内容不会发往服务器、不被记录,也不用于分析统计。首次加载之后即使断网,这个页面照样能用。