【AICon】 如何构建高效的 RAG 系统?RAG 技术在实际应用中遇到的挑战及应对策略?>>> 了解详情
写点什么

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

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

关注

评论

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

教你使用ApiPost中的全局参数和目录参数

Proud lion

大前端 测试 后端 Postman 开发工具

Go- 切片的定义

HelloBug

slice Go 语言 切片

Go- 切片的使用

HelloBug

Go 语言 切片 追加 拷贝 扩缩容

Golang:定时器的终止与重置

Regan Yue

定时器 Go 语言 8月日更

从源码分析创建线程池的4种方式

华为云开发者联盟

Java 工具 高并发 线程池 Executors

公司新来了一个质量工程师,说团队要保证 0 error,0 warning

华为云开发者联盟

DevOps 程序 华为云DevCloud 静态代码检查 质量工程师

模块一作业

berserker

架构实战营

干货!4大实验项目,深度解析Tag在可观测性领域的最佳实践!

观测云

可观测性 dataflux tag ngix

微服务容错组件Hystrix设计分析

慕枫技术笔记

分布式 后端 熔断

女朋友问我 LB 是谁?

程序员鱼皮

Java 负载均衡 架构 后端 技术选型

注意,开源Redis被爆高危漏洞,攻击者可远程注入代码

华为云数据库小助手

华为云 GaussDB GaussDB ( for Redis ) 华为云数据库

docker入门:极简方式发布springboot

小鲍侃java

8月日更

通过明道云实现培训机构客户管理

明道云

Go- 数组

HelloBug

数组 Go 语言

浅析智慧交通有哪些应用场景?

一只数据鲸鱼

数据可视化 智慧城市 智慧交通 城市交通

一文了解NB-IoT四大关键特性以及实现技术

华为云开发者联盟

IoT 网络 NB- IoT 物理信号 窄带

【“互联网+”大赛华为云赛道】GaussDB命题攻略:支持三种开发语言,轻松完成数据库缓冲池

华为云开发者联盟

数据库 华为云 GaussDB 互联网+ 缓冲池

关于告警管理的软件,您还只知道Pagerduty吗?

睿象云

运维 告警 运维平台 智能告警 告警管理

用零代码开发应用到底要不要IT管?

明道云

云小课 | 华为云KYON之VPC终端节点

华为云开发者联盟

云小课 KYON企业级云网络 VPC终端节点

仿照Hystrix,手写一个限流组件

码农参上

限流 Hystrix 8月日更

使用mock模拟登录接口数据

与风逐梦

大前端 后端 Mock

面试必备常见存储引擎与锁的分类,请查收

阿Q说代码

MySQL innodb 共享锁 意向锁 8月日更

分析微信朋友圈的高性能复杂度

Rabbit

架构实战营

华为云专家向宇:工欲善其事必先利其器,才能做数据的“管家”

华为云开发者联盟

云原生 物联网 时序数据库 时序 GaussDB(for Influx

关于C++中“不能返回对象引用”的思考

她的男人是程序员

餐饮店加盟该如何推广?

获客I3O6O643Z97

抖音、快手获客系统

如何用 Nacos 构建服务网格生态

阿里巴巴云原生

模块一作业

当归

OpenJDK源码下载

4ye

源码 后端 JVM 8月日更

我在组内的Nacos分享

捉虫大师

微服务 dubbo nacos 服务发现

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