写点什么

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

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

    阅读完需:约 4 分钟

AI 大模型超全落地场景&金融应用实践,8 月 16 - 19 日 FCon x AICon 大会联诀来袭、干货翻倍!

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

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

关注

评论

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

易观千帆 | 2023年4月银行APP月活跃用户规模盘点

易观分析

金融 数字经济 手机银行

数据可视化:部分整体类可视化图表大全

2D3D前端可视化开发

数据分析 数据可视化 数据可视化工具 可视化图表 数据可视化设计

Nodejs 应用编译构建提速建议 | 京东云技术团队

京东科技开发者

node.js 编译 前端构建 企业号 5 月 PK 榜

Zebec生态进展迅速,频被BitFlow、Matryx DAO等蹭热度碰瓷

西柚子

使用CST电磁仿真之前,如何安装硬件加速卡?【操作流程】

思茂信息

cst cst使用教程 cst操作 cst电磁仿真 cst仿真软件

音频编辑工具 Celemony Melodyne Studio5激活

真大的脸盆

Mac Mac 软件 音频编辑 音频处理工具 编辑音频

详解GaussDB(DWS)用户监控原理及应用

华为云开发者联盟

数据库 后端 华为云 华为云开发者联盟 企业号 5 月 PK 榜

GitHub上标星75k+超牛的《Java面试突击离线版》够你润进去了

程序知音

Java java面试 Java进阶 Java面试题 Java面试八股文

手机一开,说办就办!指尖上的“数字江西”

OceanBase 数据库

数据库 oceanbase

AIGC背后的技术分析 | 机器学习?机器如何学习?

TiAmo

机器学习 AIGC julia

生态伙伴 | 携手深圳科创学院,持续推动项目落地与成长

华秋电子

堡垒机免费版有哪些功能啊?后面需要过等保怎么办?

行云管家

安全运维 运维软件 免费运维

Bytebase:更好地管理你的 OceanBase 数据库

OceanBase 数据库

数据库 oceanbase

Flutter热更新技术探索 | 京东云技术团队

京东科技开发者

flutter ios App an'droid 企业号 5 月 PK 榜

实例讲解Spring boot动态切换数据源

华为云开发者联盟

后端 开发 华为云 华为云开发者联盟 企业号 5 月 PK 榜

Kafka实时数据即席查询应用与实践

vivo互联网技术

kafka 实时数仓

华为云Toolkit活动:领取云计算8大领域50本干货电子书!

华为云PaaS服务小智

云计算 程序员 开发者 编程数据

【深度剖析】JavaScript中块级作用域与函数作用域

Immerse

JavaScript 闭包 作用域 函数作用域 块级作用域

数智领航营:酒类农牧业数智化转型中的数智化决策实践

博睿数据

可观测性 博睿数据 数智化 数智领航营 酒类农牧业

技术分享| 融合会议协议大解密

anyRTC开发者

音视频 视频会议 快对讲 H.323 融合会议

手把手教你在昇腾平台上搭建PyTorch训练环境

华为云开发者联盟

人工智能 华为云 昇腾 华为云开发者联盟 企业号 5 月 PK 榜

设计师解放双手之作!3秒生成风景园林效果图,AIGC赋能景观设计

飞桨PaddlePaddle

人工智能 百度飞桨 AIGC Stable Diffusion

产品经理们,请小心这 5 种错误的职场打开方式!

LigaAI

产品经理 团队协作 研发协作 产品负责人 企业号 5 月 PK 榜

聊聊「短信」渠道的设计与实现

Java 架构

inBuilder今日分享丨系统集成系列之背景与方案概述

inBuilder低代码平台

MobPush iOS端合规指南

MobTech袤博科技

JVM垃圾收集器全面剖析:算法、实现和优化

xfgg

Java JVM GC

腾讯云COS SDK线上内存泄漏问题总结

性能优化 java; 内存泄漏 JVM;

超融合产品集成 Kata 虚拟化容器技术的方案演进 | 龙蜥技术

OpenAnolis小助手

开源 容器 虚拟化 龙蜥社区 龙蜥大讲堂

性能测试监控指标及分析调优 | 京东云技术团队

京东科技开发者

性能优化 性能测试 企业号 5 月 PK 榜 测试监控

线程是如何通讯的?

javacn.site

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