今天可以可靠地使用HTML5的哪些功能?
微软有一些cool HTML5 demos,但它的一部分是经典的EEE,它们正在追赶什么?
我在SO上找到的有用功能示例:pushState。
请多考虑一个包含HTML5标签和属性的完整列表的页面 @Jan Zyka的http://slides.html5rocks.com答案就是一个很好的例子。 (谢谢!)
您今天在生产代码中实际使用了什么?
答案 0 :(得分:3)
有一个名为When can I use...的网站,其中列出了各种HTML5,CSS3和其他现代网络标准,并指出了哪些浏览器版本支持它。
您是否可以使用某项功能在很大程度上取决于您的用户是谁。如果您的目标是最先进的网络开发人员,那么您可能会依赖他们拥有更多版本的浏览器,而不是以您的公司会计为目标。因此,您需要确定必须支持哪些浏览器版本,并进行适当的渐进增强或回退以支持旧浏览器,同时引入他们不支持的新功能。
一些HTML5,CSS3和其他功能可以在旧版浏览器中使用“polyfill”,这是使用JavaScript,Flash,专有功能等缺少功能的实现。例如,您可以使用ExplorerCanvas在旧版Internet Explorer中使用<canvas>
元素,{{3}}使用JavaScript和Microsoft专有的VML实现HTML5 <canvas>
元素。 “我什么时候可以使用...”网站列出了许多功能的填充物,因此如果您愿意使用填充物,请选中“填充”复选框。
答案 1 :(得分:1)
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5_Canvas)
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5_Media)
http://caniuse.com/
https://developer.mozilla.org/en/HTML/HTML5(在Firefox中实现的内容)
在IE8中实现的HTML5功能列表:
<meta charset="UTF-8">
contenteditable
属性(使任何HTML元素可编辑)autocomplete
属性onhashchange
活动data-*
属性在IE9中实现的HTML5功能列表(另外):
<canvas>
getElementsByClassName
<video>
和<audio>
<section>
,<article>
等)注意:以上所有内容都是在现代浏览器中实现的。
答案 2 :(得分:1)
结帐http://slides.html5rocks.com/。这真的很好,并定期更新。
但是不要在IE8中尝试,否则你可能会感到失望; - )
答案 3 :(得分:0)
This page on the Browserscope website可让您选择相同或不同浏览器的版本(包括桌面版和移动版)&amp;看看他们如何在支持HTML5功能方面积累起来。