一般而言,这两个项目都是为开发Web项目的开发人员提供一个坚实的起点。他们都摆脱了许多繁琐的,一些容易出错的样板,许多开发人员发现他们自己为每个项目重新创建。他们如何去做的细节略有不同,但在大多数情况下,他们取得了相同的结果。
正如您所指出的那样,HTML5Boilerplate已添加到某些构建脚本中,以帮助开发人员按照最佳实践加快其服务器端项目(如远期过期标题等)的页面速度。 HTML5Reset项目更侧重于语义,内容和样式。例如,HTML5Reset对于HTML5中的页面内容有更多的示例结构(以帮助向人们展示如何使用一些新元素),而HTML5Boilerplate则没有。
随着越来越多的用户在移动平台上发现自己,并且Google增加了效果page response times have on page rank,HTML5Boilerplate包含的响应时间和页面速度部分变得越来越重要。有很多论文显示页面响应时间的小幅增加会对您的网站的影响产生可衡量的负面影响used and perceived(especially in an eCommerce setting ...通常慢100ms的页面会减少销售量的百分比)。
在CSS方面,两个项目的大部分重置样式部分都非常相似,基线设置的部分有一些细微差异。然而,IE特定的修补程序基本上是相同的,HTML5Boilerplate比HTML5Reset更能控制IE样式,如表单元素(例如复选框/单选按钮和有效/无效状态)。
两个主要HTML5Boilerplate覆盖HTML5Reset的CSS区域不是常见的帮助类,它们可以帮助您更方便地访问网站,例如.hidden
和.visuallyhidden
,以及对打印样式进行一些实质性的调整,这些打印样式既可以使浏览器的打印更加类似,也可以作为一些节省成本和可访问性的东西,例如使背景图像透明(不要浪费碳粉),并将实际的URL添加到链接和标题缩写中。
我强烈建议阅读这两个项目的信息,以及他们如何做并排比较的事情,因为相似之处,以及差异(和背后的推理)是相当丰富的信息,并帮助我更好地确定每个我想使用的部分。最终,就像任何“库”类项目一样,作为开发人员,您需要了解自己在做什么,并且可能应该调整基准以满足项目的特定需求。
您可以提供指向页面响应时间与页面排名参考的论文的链接吗? – 2011-04-19 16:49:18
@s_hewitt - 按照您的要求,添加引文。 – cdeszaq 2011-04-19 16:50:04
很好的答案,cdeszaq。 – Francisc 2011-04-19 18:39:14