NVIDIA 初创加速计划,免费加速您的创业启动 了解详情
写点什么

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:242046
用户头像

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

关注

评论

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

大数据ELK(二十六):探索数据(Discovery)

Lansonli

discovery 10月月更

测试需求平台5-Blueprint优化与首个vue页搭建

MegaQi

测试平台开发教程 10月月更

什么是Scrum?Scrum的核心要点和精髓

laofo

Scrum 研发效能 敏捷研发

Spring Batch 事务限制

HoneyMoose

「CSS畅想」周期性事情怕忘,来看看一个月内都安排在哪天

叶一一

CSS JavaScript 前端 10月月更

正在消失的机器视觉公司

脑极体

「趣学前端」给不懂技术的朋友简单演示,代码是怎么被编写出来的

叶一一

JavaScript 前端 10月月更

挑战30天学完 Python:Day4数据类型-字符串str

MegaQi

挑战30天学完Python 10月月更

Python进阶(二十三)Django使用pymysql连接MySQL数据库做增删改查

No Silver Bullet

Python django MySQL数据库 pymysql 10月月更

「趣学前端」日常浏览的页面为什么可以五颜六色

叶一一

CSS 前端 10月月更

Spring Batch 可以在一个 Step 中有多个 Tasklet 吗

HoneyMoose

大数据ELK(二十五):添加Elasticsearch数据源

Lansonli

elasticsearch 10月月更

一个实际的例子学习 SAP BTP Java 应用的 @Before 注解使用方式

Jerry Wang

Java 云原生 Cloud SAP 10月月更

首轮Zepoch节点已售罄完结,你期待次轮吗?

鳄鱼视界

Spring之核心容器

楠羽

笔记 SP【ring 10月月更

跟着卷卷龙一起学Camera--双摄01

卷卷龙

ISP camera 10月月更

如何快速对混合云环境进行安全合规检查

HummerCloud

云安全 上云合规 安全合规检测 10月月更

微信朋友圈架构图

Johnny

架构实战训练营9期

树莓派4B安装64位Linux(不用显示器键盘鼠标)

程序员欣宸

树莓派 10月月更

Java三大特性(一)—封装

共饮一杯无

Java 面向对象 10月月更

Python进阶(二十二)Python3使用PyMysql连接mysql数据库

No Silver Bullet

Python3 MySQL数据库 pymysql 10月月更

什么是数据产品经理?数据产品经理与传统产品经理有什么区别?

雨果

数据产品经理

【从0到1学算法】5.Bubble Sort算法-下

Geek_65222d

10月月更

跟着卷卷龙一起学Camera--DNG格式

卷卷龙

ISP camera 10月月更

PriorityQueue源码解析(一)

知识浅谈

Priority Queue 10月月更

「趣学前端」日常浏览的页面是怎么实现出来的

叶一一

JavaScript 前端 10月月更

【LeetCode】两个链表的第一个重合节点Java题解

Albert

算法 LeetCode 10月月更

跟着卷卷龙一起学Camera--双摄02

卷卷龙

ISP camera 10月月更

Clickhouse:delete提交成功,数据还在

Ken

Clickhouse

Java基础(六)| Debug模式及基础练习

timerring

Java debug 10月月更

有人意图取代SQL,你同意吗?

雨果

sql

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