檢視 HTML5 的原始碼

'''HTML 5'''，{{wikipedia|HTML_5|lang=en}}

==技術文件==
;W3C
*[http://www.w3.org/TR/html5/ HTML 5] - ''A vocabulary and associated APIs for HTML and XHTML''
*[http://www.w3.org/TR/html5-diff/ HTML 5 differences from HTML 4]

;影音教學
*[http://eduonix.com/affiliates/aff-Offer-HTML5_free.html Free HTML5 Programming Course - Eduonix]
*[http://www.microsoftvirtualacademy.com/training-topics/html5 HTML5 Training Courses - Microsoft Virtual Academy]

;其它
*[http://www.w3schools.com/html/html5_intro.asp HTML5 Tutorial - w3schools]
*[http://blogs.msdn.com/b/davrous/archive/2011/07/15/introduction-to-the-html5-web-workers-the-javascript-multithreading-approach.aspx Introduction to the HTML5 Web Workers: the JavaScript multithreading approach]
*[http://waterlily-lsl.com/modules/article/view.article.php/258 避免常見的六種 HTML5 錯誤用法]
*[http://www.html5rocks.com/en/ HTML5 Rocks - A resource for open web HTML5 developers]
*[https://developers.google.com/web/updates/chrome/ Web Updates — Google Web Updates]

==相關技術==
*[[Canvas]]
*[[WebSocket]]

==FAQ==
===關於video在瀏覽器支援===
{{wikipedia|HTML5_video|lang=en}}
;mp4 File（H.264）
*FireFox需裝[http://www.interoperabilitybridges.com/html5-extension-for-wmp-plugin HTML5 Extension for Windows Media Player Firefox Plug-in]
;ogv File
*IE需裝？
;webm File
*IE需裝[https://tools.google.com/dlpage/webmmf  WebM Video for Microsoft Internet Explorer 9]

===相關工具===
*[http://www.google.com/doubleclick/studio/swiffy/ Google Swiffy]（Flash的swf檔轉成Html5）
*[http://www.flash-to-html5.net/ Free Flash to HTML5 Online Converter]
*[http://www.adobe.com/tw/products/flash/flash-to-html5.html Flash to HTML5 - Learn more about the CreateJS toolkit]

===應用===
*[http://toolbox-appdeveloper.intel.com/html5playground/ Intel html5playground]
*[http://playground.html5rocks.com/ html5rocks]（一個可以線上測試HTML5效果的網站）
*[http://www.youtube.com/html5 YouTube HTML5 影片播放器]
:需
:* FireFox 4.0以上
:* IE 9以上
:* Opera 10.60以上
*[http://msdn.microsoft.com/en-us/magazine/hh563893.aspx 12 Cool HTML5 Geolocation Ideas]
===小遊戲===
*[http://atari.com/arcade#!/arcade/atari-promo Atari Arcade]
*[http://www.fullscreenmario.com/ FullScreenMario]（只能用Google Chrome玩）
**[https://github.com/Diogenesthecynic/FullScreenMario SourceCode]

===社群===
*[http://www.tossug.org/html5club HTML5 讀書會]
=== 與HTML 4的不同之處 ===
以下為大略的不同之處，與例子：
* 文件類型聲明（<code><nowiki><!DOCTYPE></nowiki></code>）僅有一型：<code><nowiki><!DOCTYPE HTML></nowiki></code>。
* 新的解析順序：不再基於[[SGML]]。
* 新的元素：<code>section</code>, <code>video</code>, <code>progress</code>, <code>nav</code>, <code>meter</code>, <code>time</code>, <code>aside</code>, <code>canvas</code>, <code>command</code>, <code>datalist</code>, <code>details</code>, <code>embed</code>, <code>figcaption</code>, <code>figure</code>, <code>footer</code>, <code>header</code>, <code>hgroup</code>, <code>keygen</code>, <code>mark</code>, <code>output</code>, <code>rp</code>, <code>rt</code>, <code>ruby</code>, <code>source</code>, <code>summary</code>, <code>wbr</code>。
* <code>input</code>元素的新類型：<code>date</code>, <code>email</code>, <code>url</code>等等。
* 新的屬性：<code>ping</code>（用于<code>a</code>与<code>area</code>）, <code>charset</code>（用于<code>meta</code>）, <code>async</code>（用于<code>script</code>）。
* 全域屬性：<code>id</code>, <code>tabindex</code>, <code>repeat</code>。
* 新的全域屬性：<code>contenteditable</code>, <code>contextmenu</code>, <code>draggable</code>, <code>dropzone</code>, <code>hidden</code>, <code>spellcheck</code>。
* 移除元素：<code>acronym</code>, <code>applet</code>, <code>basefont</code>, <code>big</code>, <code>center</code>, <code>dir</code>, <code>font</code>, <code>frame</code>, <code>frameset</code>, <code>isindex</code>, <code>noframes</code>, <code>strike</code>, <code>tt</code>。
===文字上標拼音===
<pre>
 <ruby><rb>文字</rb><rt>拼音</rt></ruby>
</pre>

[[Category:W3C]]
[[Category:HTML]]