问HTML5样板与HTML5重置

EN

一般来说，这两个项目都是为了给从事web项目的开发人员提供一个坚实的起点。它们都摆脱了许多开发人员发现自己为每个项目重新创建的繁琐的、容易出错的样板文件。它们如何进行的细节略有不同，但在大多数情况下，它们实现了相同的结果。

正如您所提到的，HTML5Boilerplate已经添加了一些构建脚本片段，以帮助开发人员遵循最佳实践，在服务器端项目方面加快页面速度，例如远未来的expires标头等--因为HTML5Reset项目更关注语义、内容和样式。例如，对于HTML5中的页面内容，HTML5Reset有更多的示例结构(以帮助向人们展示如何使用一些新元素)，而HTML5Boilerplate则没有。

随着越来越多的用户发现自己在移动平台上，以及随着谷歌增加page response times have on page rank的影响，HTML5Boilerplate包含的响应时间和页面速度部分变得越来越重要。有很多论文表明，页面响应时间的小幅增加会对站点的used and perceived产生可衡量的负面影响(especially in an eCommerce setting...often，速度慢100毫秒的页面将减少售出的百分比)。

在CSS方面，两个项目的reset style部分的大部分非常相同，只是基线设置有一些细微的不同。然而，IE特定的修复程序在很大程度上是相同的，HTML5Boilerplate断言比HTML5Reset更多地控制IE如何设置某些东西的样式，如表单元素(即。复选框/单选按钮和有效/无效状态)

HTML5Boilerplate没有涵盖的两个主要CSS区域是常见的帮助器类，用于帮助站点更容易访问，如.hidden和.visuallyhidden，以及对打印样式的一些实质性调整，使打印在不同浏览器之间更加相似，以及一些节省成本和可访问性的事情，如使背景图像透明(不浪费碳粉)，将实际的URL添加到链接和标题到缩写。

我强烈建议阅读这两个项目的信息以及它们是如何并排比较的，因为它们的相似之处和不同之处(以及它们背后的推理)非常有用，并帮助我更好地决定我想要使用每个项目的哪些部分。

最终，就像任何“库”类型的项目一样，作为开发人员，您需要了解您正在做什么，并且可能应该调整您的基线以满足项目的特定需求。

在我工作的环境中，以前的开发人员强迫公司同时使用JQuery和Prototype...and，这简直是一团糟。我们不仅要在兼容模式下工作，还要考虑到它带来的额外开销。在调试时，原型“劫持”了Firebug中的调试消息，这导致了更多的工作。令人抓狂的是，几个月来，我一直在解决这个问题，就在我要终止Prototype的时候，我刚刚开始接近完成it....and，我似乎总是找到另一个依赖于它的部分……

正是由于这个原因，我每次都反对具有类似目的的框架组合。例如，无论您认为YUI Grids有多酷，如果加载整个YUI Framework，最好不要使用Jquery、Moo或Prototype。你只会让自己陷入不必要的泥潭。它缩短了加载时间( wrecks the user experience)，只会给开发人员带来麻烦和不必要的工作。

看看你网站的这一阶段，就像建立基础一样。你有机会使用任何你想使用的东西，但你必须小心不要“把自己画到角落里”。因此，请根据您的资源使用专门构建的、同类最佳的工具。不要只是用一些东西来表现可爱！我们很幸运，因为许多高质量的工具都是免费的，所以我们有一个选择。但要知道，你是在为未来的网站指引方向，如果你的决定是仓促做出的，你可能就是像我一样必须处理后果的人。

所以，除非你不打算使用另一个框架，否则我支持Reset...or，即使只做符合最高质量标准的CSS。

您可以使用其中任何一个...

就像@murtaugh说的(http://5by5.tv/bigwebshow/45)，当你第一次开始使用Reset时，你不需要学习任何东西。根据我在研发部门工作的经验，当你需要演示或做快速迭代时，你可以使用重置(如果你已经知道了，也可以使用锅炉)。当我需要构建用于部署的产品时，我会求助于锅炉，因为它有更多的东西。对我来说很有效，但现在因为我知道这两个，所以我可以很容易地使用任何一个。