2011-03-10 91 views
1

今天可以可靠使用的HTML5有哪些功能?今天可以使用什么HTML5?

微软有一些cool HTML5 demos,但它的哪一部分是经典电子电气设备,它们是什么追赶?

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

请给予比HTML5的标签和属性全面列表更多的思考。
@Jan Zyka的http://slides.html5rocks.com答案就是一个很好的例子。 (谢谢!)

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

+0

@tiagoinu你想支持哪些版本的IE? IE8及以上? – 2011-03-10 16:17:10

+0

Hi @ŠimeVidas。多多益善。 (我想指出我不是针对尖端的Web开发人员)。您可能在您的Web应用程序中使用HTML5,所以:哪些部分? – tiago2014 2011-03-10 16:37:48

+0

@tiagoinu Hm,除了DOCTYPE和META字符集的新的短符号外,我使用data- *属性。我还没有开始使用新的语义元素,并且我目前不需要AUDIO/VIDEO/CANVAS/SVG。但是,我确实使用jQuery,它使用了十几种HTML5功能。 – 2011-03-10 16:47:10

回答

3

有一个叫When can I use...其中列出各种HTML5,CSS3等现代网络标准的网站,并给出的指示哪些浏览器版本支持它。

您是否可以使用某项功能取决于您的用户是谁。如果您的目标是尖端的网络开发人员,那么您可能会依赖他们拥有比浏览器版本晚得多的版本,而不是以企业会计为目标的版本。因此,您需要决定您必须支持哪些浏览器版本,并进行适当的渐进增强或回退以支持较旧的浏览器,同时引入它们不支持的新功能。

某些HTML5,CSS3和其他功能可以在旧版浏览器中使用“polyfills”,这些功能是使用JavaScript,Flash,专有功能等缺少功能的实现。例如,通过使用ExplorerCanvas,您可以在早期版本的Internet Explorer中使用<canvas>元素,该元素使用JavaScript和Microsoft专有的VML实现HTML5 <canvas>元素。 “我什么时候可以使用...”网站列出了许多功能的polyfills,因此如果您愿意使用polyfills,请选中polyfills复选框。

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-*属性HTML5的

列表在IE9中实现的功能(另外):

  • <canvas>
  • getElementsByClassName
  • <video><audio>
  • 新语义元素(<section><article>等)
  • 联SVG

注:所有上述的在实施现代浏览器。