今天可以使用什麼HTML5？

Question

今天可以可靠使用的HTML5有哪些功能？

微軟有一些cool HTML5 demos，但它的哪一部分是經典電子電氣設備，它們是什麼追趕？

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

請給予比HTML5的標籤和屬性全面列表更多的思考。
@Jan Zyka的http://slides.html5rocks.com答案就是一個很好的例子。 （謝謝！）

你今天在生產代碼中實際使用了什麼？

Answer 1

有一個叫When can I use...其中列出各種HTML5，CSS3等現代網絡標準的網站，並給出的指示哪些瀏覽器版本支持它。

您是否可以使用某項功能取決於您的用戶是誰。如果您的目標是尖端的網絡開發人員，那麼您可能會依賴他們擁有比瀏覽器版本晚得多的版本，而不是以企業會計爲目標的版本。因此，您需要決定您必須支持哪些瀏覽器版本，並進行適當的漸進增強或回退以支持較舊的瀏覽器，同時引入它們不支持的新功能。

某些HTML5，CSS3和其他功能可以在舊版瀏覽器中使用「polyfills」，這些功能是使用JavaScript，Flash，專有功能等缺少功能的實現。例如，通過使用ExplorerCanvas，您可以在早期版本的Internet Explorer中使用<canvas>元素，該元素使用JavaScript和Microsoft專有的VML實現HTML5 <canvas>元素。 「我什麼時候可以使用...」網站列出了許多功能的polyfills，因此如果您願意使用polyfills，請選中polyfills複選框。

Answer 2

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

注：所有上述的在實施現代瀏覽器。

Answer 3

結賬http://slides.html5rocks.com/。它非常好，並定期更新。

但不要嘗試在IE8，否則你可能會有些失望;-)

Answer 4

This page on the Browserscope website讓你選擇相同或不同瀏覽器的版本（兩個桌面&手機）&看看他們如何堆疊在支持HTML5功能。