写点什么

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

  • 2012-09-23
  • 本文字数:1324 字

    阅读完需:约 4 分钟

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

2012-09-23 21:242209
用户头像

发布了 27 篇内容, 共 81527 次阅读, 收获喜欢 4 次。

关注

评论

发布
暂无评论
发现更多内容

测试工具也有程序错误

测吧(北京)科技有限公司

测试

大数据培训学习需要到什么程度

小谷哥

应对网络不可靠挑战,用 OpenYurt 实现边缘业务连续性

阿里巴巴云原生

阿里云 开源 云原生 openyurt

周鸿祎谈“360GPT”两翼齐飞战略;SaaS生态百家接入、120万家企业用户、2千万终端用户

B Impact

微软云与 OpenAI 竞争 ChatGPT 企业级客户:安全性、老客户、多云、模型迭代效率

B Impact

ChatGPT 开源了第一款插件,都来学习一下源码吧!

Python猫

java线下面授培训,还是自学好?

小谷哥

百度数据可视化Sugar BI:数据监控与预警

百度开发者中心

大数据 百度智能云 sugar

文心一言更大的故事是在云计算

百度开发者中心

百度智能云 文心一言

数字云南的那山,那水,那些人

脑极体

5G

kafka Log存储解析以及索引机制

石臻臻的杂货铺

kafka

小程序容器技术——组装式应用架构的新型实践

没有用户名丶

小程序容器

NFT钱包开发链游系统搭建技术

薇電13242772558

NFT

不降功能只降资源,六个应用场景带你了解OCP Express

OceanBase 数据库

数据库 oceanbase

测试开发岗面试前需要准备哪些内容呢?一节课带你搞定

测吧(北京)科技有限公司

测试

软件测试 | 低学历无未来?从小公司到拿下年薪45W+,这个小哥哥好励志~

测吧(北京)科技有限公司

测试

百度数据可视化Sugar BI:问卷数据收集、分析与展现

百度开发者中心

大数据 百度智能云 sugar

让创新更多元,让世界更美好,2023女性影响力峰会圆满举办

创业邦

面向 Web、微服务应用的 Serverless 托管平台云应用引擎 CAE

宇宙之一粟

云服务器 CAE 云应用

什么叫软件测试?如何学习?

测吧(北京)科技有限公司

测试

火焰杯”软件测试开发选拔赛河北赛区颁奖典礼落幕

测吧(北京)科技有限公司

测试

即刻报名|Kyligence 指标平台产品发布会

Kyligence

数据分析 指标平台

百度数据可视化Sugar BI:工业零部件3D大屏

百度开发者中心

大数据 百度智能云 sugar

出手即不凡,一年共投408个公司,人均退出近5个 | 创业邦2023女性投资人榜单发布

创业邦

Scrum 管理工具哪个好?国内知名工具的 Scrum 管理过程体验

爱吃小舅的鱼

Scrum 敏捷开发管理 敏捷开发管理工具

又见版本升级!一句话概括 Milvus 2.2.4:资源隔离、多云、高效

Zilliz

非结构化数据 Milvus Zilliz

商业智能公厕系统

光明源智慧厕所

智慧城市

百度数据可视化Sugar BI:业务自助BI分析

百度开发者中心

百度云 大数据 sugar

百度数据可视化Sugar BI:实时滚动地图大屏

百度开发者中心

大数据 百度智能云 sugar

Cocos携手乐元素 《开心消消乐》成功移植OpenHarmony

最新动态

软件测试 | 从手工转到测试开发,是种什么样的体验?

测吧(北京)科技有限公司

测试

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