h5bp/html5-boilerplate

这是什么？

核心功能

• 01基于渐进增强理念设计的 HTML、CSS 与 JavaScript 起步结构。
• 02预置 Open Graph 占位标签和 CSS 媒体查询。
• 03提供实用的 CSS 辅助类和经过性能优化的默认打印样式。
• 04附带包含 WebPack 构建命令的示例 package.json。
• 05便于删除不需要的部分。
• 06文档随项目打包，可离线阅读。

适用场景

• 以稳健的 HTML 和 CSS 基础搭建新的静态网站或落地页。
• 为需要与框架无关模板的前端 Web 应用做初始化。
• 学习 HTML head 配置、meta 标签和打印样式等最佳实践。

快速上手

1. 1

   使用 create-html5-boilerplate 创建新站点

   npx create-html5-boilerplate new-site
2. 2

   进入新站点文件夹

   cd new-site
3. 3

   安装依赖

   npm install
4. 4

   启动项目

   npm run start

使用前须知

• !模板示例 package.json 中内置了 WebPack 命令，可能需要自行调整构建配置。

标签

常见问题

html5-boilerplate 是什么？

一套专业的前端 HTML、CSS 与 JavaScript 起步模板，用于构建快速、健壮且可适配的网站和 Web 应用。 HTML5 Boilerplate 是一套前端项目起步模板，提供预先搭建好的 HTML 文档结构、CSS 基础样式和 JavaScript 配置，覆盖跨浏览器兼容、性能优化和打印样式等常见问题，开发者可以从一个经过验证的基线开始，而不必从空白文件做起。

html5-boilerplate 可以免费使用吗？用的什么许可证？

html5-boilerplate 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

html5-boilerplate 还在维护吗？

活跃维护中。html5-boilerplate 最近一次提交是在 2026年10月12日。

html5-boilerplate 适合用来做什么？

以稳健的 HTML 和 CSS 基础搭建新的静态网站或落地页。 为需要与框架无关模板的前端 Web 应用做初始化。 学习 HTML head 配置、meta 标签和打印样式等最佳实践。

html5-boilerplate 怎么安装和运行？

使用 create-html5-boilerplate 创建新站点: npx create-html5-boilerplate new-site 进入新站点文件夹: cd new-site 安装依赖: npm install 启动项目: npm run start

在哪里获取 html5-boilerplate？

源代码和安装说明在 GitHub 上：https://github.com/h5bp/html5-boilerplate