Rud*_*ger 54 html javascript css html5 boilerplate
嘿大家 - HTML5 Boilerplate和HTML5重置是两个HTML,CSS和JavaScript模板,内置了许多现代最佳实践.他们的目标基本相同:
显然,它们在功能上非常相似.它们的实现方式有何不同(例如,可能使用不同的技术实现IE特定的CSS修复)？它们的范围有何不同？看起来HTML5 Boilerplate有点大(构建工具,服务器配置等),但是当涉及到人们会看到的实际网站时,很难知道HTML5重置的范围.
cde*_*zaq 47
总的来说,这两个项目都是为开发Web项目的开发人员提供一个坚实的起点.它们都摆脱了许多开发人员发现自己为每个项目重新创建的繁琐,易于出错的样板.它们如何进行的细节略有不同,但在大多数情况下,它们可以获得相同的结果.
正如你所提到的,HTML5Boilerplate在一些构建脚本中添加了一些内容,以帮助开发人员遵循最佳实践来加速他们的服务器端项目,例如远期过期标题等,其中HTML5Reset项目是更专注于语义,内容和样式.例如,HTML5Reset在HTML5中有更多的页面内容示例结构(以帮助向人们展示如何使用某些新元素),而HTML5Boilerplate却没有.
HTML5Boilerplate包含的响应时间和页面速度部分越来越重要,因为越来越多的用户发现自己在移动平台上,并且随着Google增加页面响应时间对页面排名的影响.有很多论文显示页面响应时间略有增加会对您的网站使用和感知方式产生可衡量的负面影响(特别是在电子商务设置中 ......通常情况下,速度慢100毫秒的页面会减少销售的百分比).
在CSS前端,两个项目的大部分重置样式部分非常相同,在基线设置的方面存在一些细微差别.然而,IE特定的修复程序大致相同,HTML5Boilerplate声明比HTML5Reset更多的控制,而不是IE样式表单元素之类的东西(即复选框/单选按钮和有效/无效状态)
二是HTML5Boilerplate涵盖HTML5Reset不常见的辅助类,以帮助使网站更容易,如主要的CSS区.hidden和.visuallyhidden,以及一些实质性的调整,投放到这两个打印样式让打印跨浏览器比较类似,以及作为一些节省成本和可访问性的事情,例如使背景图像透明(不浪费碳粉),并将实际URL添加到链接和标题缩写.
我强烈建议阅读两个项目的信息以及他们如何在并排比较中做事情,因为相似之处,以及差异(及其背后的推理)是非常有用的,并帮助我更好地决定哪些部分每个我想用的.
最终,就像任何"库"类项目一样,您作为开发人员需要了解您正在做什么,并且可能应该调整您的基线以满足项目的特定需求.