2011-03-10 56 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

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