继询问人们是否 使用 HTML5 之后,我询问了那些正在使用 HTML5 的人
您在生产环境中使用了哪些 HTML5 功能?
以下是来自近 3000 名投票者的受欢迎程度等级
使用新的语义元素(如 <nav>
)是生产环境中 HTML5 最常见的用法,这一点不足为奇。它简单易用、很流行,并且感觉良好。
紧随其后的是新的表单功能。我很高兴看到这一点,因为这些功能也很容易实现,并且极大地提高了可用性,同时也取代了一些笨拙的 JavaScript 方法(我想到的是诸如范围输入和占位符属性之类的东西)。
第三名是音频和视频功能。我相信 iDevices 推动了这一发展,因为使用 HTML5 非常容易,并且可以在这些设备上运行。现在,回退也 易于实现。
最不受欢迎的功能是跨文档消息传递。这也不足为奇,因为这种需求并不常见。但我认为这超级酷,尤其是我一直在开发一个使用它的项目。
“其他”的功能排在许多其他功能之前,因此显然我错过了人们正在积极使用的许多 HTML5 功能。请分享!
您能否提供一些关于“跨文档消息传递”的链接或示例?我非常想了解更多关于它。
是的,我也是。
我也是 :O
我也是
哈哈,看来大家对这个主题很感兴趣吧?我认为很酷的部分是能够以非 hacky 的方式从 iframe 中与第三方网站通信。
以下是 David 的一些基础知识
http://davidwalsh.name/window-postmessage
这是一个用于使其支持旧版浏览器的库
http://easyxdm.net/
另外,谷歌一下 =)
我想严格指出地理位置实际上不是 HTML5 的一部分,它是独立的。
作为 HTML5 Gallery 的策展人,我可以看到很多 HTML5 网站进入,我可以确认其中大多数只是使用了新的文档类型和元素,当然看到这一点很棒。当然,有些元素使用不正确(例如,使用
menu
代替nav
,menu
有完全不同的用途),但这都是学习曲线。我想知道谷歌放弃 H264 在多大程度上阻碍了 Video 标签的发展。
另外,我想知道人们是否将基于 HTML5 的移动应用纳入了“生产环境”的统计中,因为我相信在那种环境中离线存储被大量使用。
我当然正在使用新的文档类型和语义元素。我的项目目前不需要太多其他功能。
感谢您发布此信息,Chris!
我喜欢文档类型实际上足够短,每次都可以手动编码。还有一些其他标签可以简化,我也喜欢使用它们
... ... ...
看起来更简洁、更容易查看/组织/编码。
像 nav 和 header 这样的新元素很糟糕。它们只不过是重命名的 div 元素而已。
我不关心语义,如果另一个开发人员甚至查看您源代码的网站用户不明白带有“header”ID 的 div 是网站标题,而带有“logo”ID 的图片是徽标,那么他们就不是 Web 开发人员。
它们最终会变得更多,但就目前而言,那是对的。是浏览器(最终)将尝试理解
<div id=”header”>
,但不会理解。人类不应该成为知道/关心/注意到语义元素的人。这些是为计算机准备的。人类几乎可以立即识别徽标、标题和导航,而计算机则像“哦,数据,这是什么意思?”。有了语义标签和标记,它们可以,或者很快就能“哦,那是导航,我知道现在该怎么处理它了!”
还有一个很好的副作用:如果需要(例如,在您的标题中用于徽标 -> h1,副标题 -> h2 以及您“内容”的单独 h1、h2 等),您可以使用多个 h1。
新的 aside 标签也很不错,可以保持语义的简洁。
此外,header、nav 和 footer 之类的东西不必局限于您认为它们所属的页面部分。您可以使用 header 标签指示某个部分/文章的顶部(类似于博客文章的顶部),并且可以使用 nav 元素指示侧边栏菜单、页脚菜单、博客文章内的导航等。
所有这些都极大地改进了语义,并帮助机器人适当地索引您的网站(以及假设您拥有的一些客户的网站)。
所以使用您自己的引述
“我不关心语义”
那么您就不应该成为 Web 开发人员。
它显然会在任何地方都能正常工作…
我们开始使用 canvas 做一些非常酷的事情。它可以真正帮助您生成一些很棒的信息图表!
“使用新的语义元素(如 )是生产环境中 HTML5 最常见的用法,这一点不足为奇。它简单易用、很流行,并且感觉良好。”
所以大多数人*需要*使用 JS shim 来设置这些新元素的样式?在没有 JS 的情况下,这些网站是什么样子?
“在没有 JS 的情况下,这些网站是什么样子?”
有点“不正确”,但可用。
如果您非常关心关闭了 JavaScript 的 IE 用户,同时仍想使用新的语义元素
http://www.debeterevormgever.nl/html5-ie-without-javascript/
“在没有 JS 的情况下,这些网站是什么样子?”
编辑
“[if lt IE 9]”中禁用 JS 后,网站是什么样子?
非常凌乱,并且很大一部分没有样式,但为了获得额外的语义优势,我愿意做出这样的妥协。
不妨开始一场神圣的战争吧?=)
美国用户中有 2% 使用 JS 关闭状态浏览,全球约为 1%(http://developer.yahoo.com/blogs/ydn/posts/2010/10/how-many-users-have-javascript-disabled/)。
我的猜测:很大一部分人故意这样做,并且了解随之而来的问题。
所以:我真的不在乎。
很有趣,Chris,我刚刚在 IE7 中检查了您的网站,并且在您用于评论的黄色便签中发现了一个有趣的彩蛋。微笑和皱眉…又名戏剧?;-)
我喜欢您的幽默感,但我必须承认,我属于那些认为所有使用低于 IE9(测试版)的用户无论如何都非常重要的人之列。就我个人而言,语义很棒……但是仅凭语义元素就无法实现 HTML5 的麻烦和炒作。尤其是在这个时候。语义在投票中获胜的原因是,HTML 5 中没有其他功能可以在超过 50%(或多或少)的正在使用的浏览器中实现。
我认为有必要说明这一点,并且保持正确的视角。例如,我是一名教师,根据我的经验,我认为向初学者推荐 HTML5 还为时过早。将渐进增强(或相反的观点,您选择)的担忧添加到他们已经庞大的问题清单中,对于除最狂热的科技爱好者之外的所有人来说都不实用。我合作的许多人是设计师,他们希望尽可能少地接触代码。不过我不想为此争论!
如果用户使用启用了 JavaScript 的 IE 浏览器,他们很可能遇到网站无法正常运行的问题。我通常使用我常用的浏览器(Firefox)进行编码,然后确保它在其他浏览器中看起来相似且可用。
在这种情况下,我倾向于同意 Jason 的观点。我认为对于绝大多数生产网站来说,使用 HTML5 并不现实。但是,现在为未来做好准备是一个好主意,可以通过在个人网站、面向行业专家的网站和/或用户肯定不会使用 IE8 或更低版本浏览器的网站上进行实验。我目前正在进行一项重新设计,其中 59% 的用户使用 IE,其中 75% 使用 IE8,18% 使用 IE7,7% 使用 IE6。尽管说放弃它并只使用最新的工具(无论是 CSS3 还是 HTML5)很酷,但我无法在有经过验证的技术可以在所有浏览器中都能很好地工作并且具有相当不错的语义的情况下证明这一点。这并不是说完成后的网站在 IE6 中的显示效果与在 Firefox 中相同,但它会非常接近。我知道这完全不酷。
禁用 JavaScript 的用户的比例确实很低。您可以在此处阅读关于此点的讨论。
http://www.smashingmagazine.com/2011/02/22/using-html5-to-transform-wordpress-twentyten-theme/
如今,禁用 JavaScript 的用户已经拥有了非常糟糕的网页体验。
你好,
对于新开发者来说,这是一篇非常好的文章。与之前的版本相比,Html 5 也很强大。Html5 易于处理,并且还包含一些规范技术,可以改变这一点,使其与之前的版本相比更加强大。
@Ian:感谢您的链接。
我迫不及待地想要学习 HTML5.. 它会很有趣!!好的链接!
惊讶地发现跨文档消息传递的使用很少。我个人认为它非常有用。
*想知道这些“生产”网站中有多少是大型企业网站……
答案:不多
我将使用 HTML5 进行应用程序开发的想法铭记于心
并且一直在开展一些围绕它展开的重大项目。
我目前的项目是“AsterClick AMI 工具集”,旨在
支持创建基于 HTML5 的应用程序,用于控制
使用 WebSockets 的 Asterisk PBX。
工具集中的一个组件甚至允许 HTML5
应用程序作为独立的桌面可执行文件部署。
我刚刚完成了第一个利用该工具集的应用程序
它被称为“HUD”,允许用户拖放电话呼叫、转移呼叫、管理电话队列、电话会议等
因此,我确实认为 HTML5 在开发方面发挥着重要作用
无论是在网络上还是网络外,真正的商业级应用程序。