今天HTML5可以使用什么?

时间:2011-03-10 15:27:05

标签: html5

今天可以可靠地使用HTML5的哪些功能?

微软有一些cool HTML5 demos,但它的一部分是经典的EEE,它们正在追赶什么?

我在SO上找到的有用功能示例:pushState

请多考虑一个包含HTML5标签和属性的完整列表的页面 @Jan Zyka的http://slides.html5rocks.com答案就是一个很好的例子。 (谢谢!)

您今天在生产代码中实际使用了什么?

4 个答案:

答案 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>等)
  • 内联SVG

注意:以上所有内容都是在现代浏览器中实现的。

答案 2 :(得分:1)

结帐http://slides.html5rocks.com/。这真的很好,并定期更新。

但是不要在IE8中尝试,否则你可能会感到失望; - )

答案 3 :(得分:0)

This page on the Browserscope website可让您选择相同或不同浏览器的版本(包括桌面版和移动版)&amp;看看他们如何在支持HTML5功能方面积累起来。