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

  • Bienvenido David
  • 雷慈祥

2012 年 9 月 23 日

话题:HTML5语言 & 开发

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)关注我们,并与我们的编辑和其他读者朋友交流。

HTML5语言 & 开发