总的来说,这两个项目都旨在为从事 Web 项目的开发人员提供一个坚实的起点。它们都摆脱了许多开发人员发现自己为每个项目重新创建的许多乏味、有些容易出错的样板。他们如何进行的细节略有不同,但在大多数情况下,他们取得了相同的结果。
正如您所指出的,HTML5Boilerplate 已在一些构建脚本片段中添加,以帮助开发人员遵循最佳实践来加速他们的页面在服务器端项目方面,例如远期过期标头等。其中 HTML5Reset 项目是更关注语义、内容和样式。例如,HTML5Reset 为 HTML5 中的页面内容提供了更多示例结构(帮助向人们展示如何使用一些新元素),而 HTML5Boilerplate 则没有。
HTML5Boilerplate 包含的响应时间和页面速度部分变得越来越重要,因为越来越多的用户发现自己在移动平台上,并且随着谷歌增加页面响应时间对页面排名的影响。有很多论文表明页面响应时间的小幅增加会对您的网站的使用和感知方式产生可衡量的负面影响(尤其是在电子商务环境中……通常慢 100 毫秒的页面会减少销售百分比)。
在 CSS 方面,两个项目的大部分重置样式部分都非常相似,只是在基线设置方面存在一些细微差别。然而,针对 IE 的特定修复在很大程度上是相同的,HTML5Boilerplate 对 IE 如何设置表单元素等某些东西的样式(即复选框/单选按钮和有效/无效状态)比 HTML5Reset 有更多的控制权
HTML5Boilerplate 涵盖的两个主要 CSS 区域 HTML5Reset 不是常见的帮助类,可帮助使网站更易于访问,例如.hidden
和.visuallyhidden
,以及对打印样式的一些重大调整,以使跨浏览器的打印更加相似,以及作为一些节省成本和可访问性的事情,例如使背景图像透明(不浪费碳粉),并将实际 URL 添加到链接和标题到缩写。
我强烈建议通读这两个项目的信息以及它们是如何在并排比较中做事的,因为它们的相似之处以及不同之处(以及它们背后的推理)提供了很多信息,并帮助我更好地决定哪些部分我想使用的每一个。
最终,就像任何“图书馆”类型的项目一样,您作为开发人员需要了解您在做什么,并且可能应该调整您的基线以满足项目的特定需求。