今天可以可靠使用的HTML5有哪些功能?今天可以使用什么HTML5?
微软有一些cool HTML5 demos,但它的哪一部分是经典电子电气设备,它们是什么追赶?
我在SO上找到的有用功能的示例:pushState。
请给予比HTML5的标签和属性全面列表更多的思考。
@Jan Zyka的http://slides.html5rocks.com答案就是一个很好的例子。 (谢谢!)
你今天在生产代码中实际使用了什么?
今天可以可靠使用的HTML5有哪些功能?今天可以使用什么HTML5?
微软有一些cool HTML5 demos,但它的哪一部分是经典电子电气设备,它们是什么追赶?
我在SO上找到的有用功能的示例:pushState。
请给予比HTML5的标签和属性全面列表更多的思考。
@Jan Zyka的http://slides.html5rocks.com答案就是一个很好的例子。 (谢谢!)
你今天在生产代码中实际使用了什么?
有一个叫When can I use...其中列出各种HTML5,CSS3等现代网络标准的网站,并给出的指示哪些浏览器版本支持它。
您是否可以使用某项功能取决于您的用户是谁。如果您的目标是尖端的网络开发人员,那么您可能会依赖他们拥有比浏览器版本晚得多的版本,而不是以企业会计为目标的版本。因此,您需要决定您必须支持哪些浏览器版本,并进行适当的渐进增强或回退以支持较旧的浏览器,同时引入它们不支持的新功能。
某些HTML5,CSS3和其他功能可以在旧版浏览器中使用“polyfills”,这些功能是使用JavaScript,Flash,专有功能等缺少功能的实现。例如,通过使用ExplorerCanvas,您可以在早期版本的Internet Explorer中使用<canvas>
元素,该元素使用JavaScript和Microsoft专有的VML实现HTML5 <canvas>
元素。 “我什么时候可以使用...”网站列出了许多功能的polyfills,因此如果您愿意使用polyfills,请选中polyfills复选框。
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>
等)注:所有上述的在实施现代浏览器。
结账http://slides.html5rocks.com/。它非常好,并定期更新。
但不要尝试在IE8,否则你可能会有些失望;-)
This page on the Browserscope website让你选择相同或不同浏览器的版本(两个桌面&手机)&看看他们如何堆叠在支持HTML5功能。
@tiagoinu你想支持哪些版本的IE? IE8及以上? – 2011-03-10 16:17:10
Hi @ŠimeVidas。多多益善。 (我想指出我不是针对尖端的Web开发人员)。您可能在您的Web应用程序中使用HTML5,所以:哪些部分? – tiago2014 2011-03-10 16:37:48
@tiagoinu Hm,除了DOCTYPE和META字符集的新的短符号外,我使用data- *属性。我还没有开始使用新的语义元素,并且我目前不需要AUDIO/VIDEO/CANVAS/SVG。但是,我确实使用jQuery,它使用了十几种HTML5功能。 – 2011-03-10 16:47:10