HTML5 Boilerplate与HTML5重设

通常，两个项目都为为Web项目工作的开发人员提供了坚实的起点。他们俩都摆脱了许多开发人员发现自己为每个项目重新创建的繁琐的，易出错的样板。具体操作方式略有不同，但是在大多数情况下，它们可以达到相同的结果。 正如您指出的那样，HTML5Boilerplate已添加了一些构建脚本片段，以帮助开发人员遵循最佳实践以在服务器端项目（如远期到期标头）等方面加快其页面的速度。HTML5Reset项目是更侧重于语义，内容和样式。例如，HTML5Reset在HTML5中具有页面内容的更多示例结构（以帮助向人们展示如何使用某些新元素），而HTML5Boilerplate则没有。 HTML5Boilerplate包含的响应时间和页面速度部分变得越来越重要，这是因为越来越多的用户在移动平台上发现了自己，并且随着Google增加页面响应时间对页面排名的影响。有许多论文显示页面响应时间略有增加会对您的网站使用和感知方式产生可观的负面影响（尤其是在电子商务设置中……通常，慢100ms的页面会减少所售商品的百分比）。 在CSS方面，这两个项目的大多数“重置样式”部分几乎相同，但基线设置不同。 IE特定的修补程序基本上是相同的，HTML5Boilerplate断言比IE5样式表元素（例如，复选框/单选按钮和有效/无效状态）样式的控制权强于HTML5Reset。 HTML5Boilerplate涵盖了HTML5Reset所没有涵盖的两个主要CSS区域，它们是通用的帮助程序类，可帮助使网站更易于访问，例如

.hidden

和

.visuallyhidden

，并对打印样式进行了一些实质性的调整，从而使两种浏览器之间的打印更加相似，以及一些节省成本和可访问性的事情，例如使背景图像透明（以免浪费碳粉），并在链接中添加实际URL，在缩写中添加标题。 我强烈建议您仔细阅读两个项目的信息以及它们如何做事，因为它们的相似性和差异（以及它们背后的原因）都非常有用，有助于我更好地决定要做什么。我想使用的每个部分。 最终，就像任何“库”项目一样，作为开发人员的您需要了解您在做什么，并且可能应该调整基线以满足项目的特定需求。     

您可以使用任何一个... 就像@murtaugh所说（http://5by5.tv/bigwebshow/45）一样，当您首次使用Reset时，您无需学习任何内容。以我在研发部门工作的经验，当您需要演示或进行快速迭代时，可以使用Reset（或Boiler，如果您已经知道的话）。当我需要构建用于部署的产品时，我之所以转向Boiler只是因为有更多东西。 为我工作，但现在因为我知道两者我都可以轻松使用其中任何一个。     

我实际上几乎想说使用传统的reset.css是最好的...我发现我的移动应用程序的兼容性没有问题。但是，我正在使用jQuery移动框架开发这些应用程序。 因此，我认为这实际上取决于您使用哪种工具。 Phonegap在将我的代码编译到所有操作系统中似乎没有任何问题。在仿真器中查看我的源代码看起来非常好... 因此，除非您尝试实现Polyfill，否则我真的看不到样板。     

我的工作环境是以前的开发人员让公司同时使用JQuery和Prototype ...这真是一团糟。我们不仅必须在兼容模式下工作，而且还要考虑它导致的额外开销。调试时，在Firebug中对原型\“ hijacks \”调试消息进行调试，这将导致更多工作。令人发疯的是，我已经几个月来一直在消除这种混乱，并且正开始接近完成它。...而当我即将拔掉Prototype时，我似乎总是找到另一个依赖它的部分... 出于这个原因，我每次都反对具有相似目的的框架组合。例如，无论您认为YUI Grid多么酷，如果加载整个YUI框架，最好不要执行Jquery，Moo或Prototype。您只会不必要地陷入困境。这会浪费加载时间（这会破坏用户体验），并且只会使开发人员头疼和不必要的工作。 像建立基础一样看待站点的这一阶段。您有机会使用任何您想使用的东西，但是必须注意不要“将自己涂在角落”。因此，请根据您的资源使用专用的，一流的工具。不要只使用可爱的东西！我们很幸运，因为许多高质量的工具都是免费的，因此我们可以选择。但是请知道，您正在为将来的网站发展指明方向，如果您仓促做出决定，那么像我这样的人可能必须应对后果。 因此，除非您永远不会使用其他框架，否则我会支持Reset ...甚至只是做符合最高质量标准的CSS。