HTML5 Boilerplate 4：改进了 Apache 配置和图片替换技术，并采用 MIT 许可证

HTML5 Boilerplate（H5BP）为 HTML5 和 CSS 开发提供了原始模板。它包含了一套有关 Web 前端开发的最佳实践，其中包括 Web 服务器的推荐设置。以下是 H5BP 4 的最新消息。

改进了 Apache 压缩配置

Apache 2.4 已经修改了 FilterProvider 的语法，目前使用布尔表达式确定过滤器是否启用。H5BP 4 不再使用 FilterProvider，而是使用了更简单的 gzip 压缩设置，该方法在 Apache 2 至 2.4 版本上有效。可在 H5BP 4 的.htaccess 文件中找到该配置。

HiDPI 设备检测

H5BP 4 为 HiDPI（Retina）分辨率添加了一个设备检测示例。在 main.css 中可找到该示例。

随机文档

目前 H5BP 4 发行包包含一个 doc 文件夹，包含该版本 H5BP 的所有文档。这保证了文档可以离线阅读，并与当前使用的 H5BP 的版本一致。该文档已合并，且更易用。因为多数行内注释已被转移到文档中，H5BP 已不再提供精简版本的下载。

MIT 许可证

先前没有许可证的 H5BP 4 现采用 MIT 许可证，可在 LICENSE.md 中找到该许可证。它为 H5BP 提供了许可证，该许可证解决了不能采用公有领域授权发布软件的问题。MIT 许可证是OSI 认可的，所以取得OSI 认可许可证的公司目前可以免费使用H5BP。

Normalize.css 1.0.1

H5BP 4 已经升级使用 Normalize.css 1.0.1。目前 Normalize.css 还是存在于独自的 CSS 文件中。这使得升级或删除 normalize.css 变得更加容易。

console.log 保护

早期版本的 H5BP 使用 log 函数，它封装了 console.log。使用包装器改变了日志上报的行号，丢失了上下文信息使得日志显得没有那么有用了。目前 H5BP 4 推荐直接使用 console.log，并为早期版本的 IE 添加了存根代码。这些不依赖于 jQuery 的存根代码可以在 plugin.js 中找到。

中性色作为选中颜色

H5BP 文本选中时鲜明的粉红色已被替换成中性色。

图片替换（IR，image replacement）新技术

之前版本的 H5BP 中的图片技术存在着各种各样的问题，这次，均通过使用伪元素的方式得以解决，它可以强行令元素内容下移，却无需覆盖元素背景。至于 IE 6/7，H5BP 转而使用 text-indent。关于这项图片替换新技术的优缺点的全部内容，请阅读 H5BP GitHub commit #1149 。

代码清理

目前 H5BP 一致地在 HTML 中使用引号，在 CSS 中颜色值使用十六进制。目前 H5BP 有很多 CSS 和 JS 代码，并使用 4 个空格作为缩进。使用闭合标签和常见的大写 DOCTYPE 声明。原有的 style.css 被拆分成 main.css 和 normalize.css。js/libs 目录更名为 js/vendor。原有的空文件 scripts.js 更名为 main.js。

jQuery 1.8.0 和 Modernizr 2.6.1

H5BP 4 已更新，使用了 jQuery 1.8.0 和 Modernizr 2.6.1。非精简压缩版本的 jQuery 已被移除。请注意截止本文撰稿时 jQuery 和 Modernizr 的最新版本分别是 1.8.1 和 2.6.2。

更多详情，请访问 H5BP 网站并阅读 H5BP 5 更新日志。对于那些从事移动 web 开发的人，你可能还想阅读更多关于 Mobile Boilerplate 的内容。

查看英文原文： HTML5 Boilerplate 4: Improved Apache Configuration, IR Technique and Use of MIT License

感谢贾国清对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作，请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博（ @InfoQ ）或者腾讯微博（ @InfoQ ）关注我们，并与我们的编辑和其他读者朋友交流。