7年前关闭。
大家好-HTML5 Boilerplate和HTML5 Reset是两个HTML,CSS和JavaScript模板,内置了许多现代最佳实践。他们的目标基本相同:
显然,它们在功能上非常相似。它们的实现在哪些方面不同(例如,也许使用不同的技术可以实现IE特定的CSS修复)?它们的范围是否完全不同?看起来HTML5 Boilerplate有点大(构建工具,服务器配置等),但是当涉及到人们可以看到的实际网站时,很难知道它超出了HTML5 Reset。
最佳答案
通常,两个元素都为为Web元素工作的开发人员提供了坚实的起点。他们俩都摆脱了许多开发人员发现自己为每个元素重新创建的繁琐的,易出错的样板。具体操作方式略有不同,但是在大多数情况下,它们可以达到相同的结果。
正如您指出的那样,HTML5Boilerplate已添加了一些构建脚本片段,以帮助开发人员遵循最佳实践来加快服务器端元素(如远期到期 header )等页面的速度。其中,HTML5Reset元素是更侧重于语义,内容和样式。例如,HTML5Reset具有HTML5页面内容的更多示例结构(以帮助向人们展示如何使用某些新元素),而HTML5Boilerplate没有。
HTML5Boilerplate包含的响应时间和页面速度部分变得越来越重要,这是因为越来越多的用户在移动平台上发现自己,并且随着Google增加page response times have on page rank效果。许多论文显示页面响应时间略有增加,对您的网站used and perceived的方式有可衡量的负面影响(especially in an eCommerce setting ...页面速度通常降低100毫秒,所售商品的百分比就会减少)。
在CSS方面,这两个元素的大多数“重置样式”部分几乎相同,但基线设置略有不同。但是IE特定的修复程序基本相同,HTML5Boilerplate断言比IE5样式表元素(例如,复选框/单选按钮和有效/无效状态)样式的控制权强于HTML5Reset。
HTML5Boilerplate涵盖了HTML5Reset所没有涵盖的两个主要CSS区域,它们是常见的帮助程序类,可帮助使网站更易于访问,例如.hidden
和.visuallyhidden
,以及对打印样式的一些实质性调整,这两种样式都使打印在浏览器之间更加相似,以及一些节省成本和可访问性的事情,例如使背景图像透明(以免浪费碳粉),并在链接中添加实际URL,在缩写中添加标题。
我强烈建议您通读两个元素的信息,以及它们如何进行并排比较,因为相似之处以及差异(以及背后的原因)都非常有用,可以帮助我更好地确定哪些部分我想使用的每个。
最终,就像任何“图书馆”元素一样,开发人员也需要了解您的工作,并且可能应该调整基线以满足元素的特定需求。