首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML5样板与HTML5重置

HTML5样板与HTML5重置
EN

Stack Overflow用户
提问于 2011-04-20 00:13:29
回答 4查看 7.5K关注 0票数 54

大家好- HTML5 BoilerplateHTML5 Reset是两个内置了许多现代最佳实践的HTML、CSS和JavaScript模板。他们的目标基本上是一样的:

(duh!)

  • Cross-browser规范化(包括对IE6和移动degradation

  • Performance optimizations

  • Not增强的支持以及优雅的

框架,但它是您下一个

  • HTML5

的起点

显然,它们在功能上非常相似。它们的实现有哪些不同之处(例如,可能特定于IE的CSS修复是使用不同的技术实现的)?它们的范围是不同的吗?看起来HTML5样板文件有点大(构建工具、服务器配置等),但当涉及到人们将看到的实际站点时,很难知道它超出了HTML5重置的哪些方面。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-04-20 00:30:21

一般来说,这两个项目都是为了给从事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添加到链接和标题到缩写。

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

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

票数 47
EN

Stack Overflow用户

发布于 2011-04-20 00:56:12

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

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

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

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

票数 0
EN

Stack Overflow用户

发布于 2011-04-20 01:15:17

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

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5719424

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档