Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction to HTML5

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on.

Introduction to HTML5

what is HTML5?

Avatar for HakumaNatata

HakumaNatata

June 07, 2010
Tweet

More Decks by HakumaNatata

Other Decks in Technology

Transcript

  1. 生平 §  最新一版的HTML   §  生日:2012   §  生父:WHATWG  

    §  生母:W3C   §  志願:取代現有的 HTML  4.01,  XHTML  1.0標 準、減少plug-­‐in-­‐based  rich  internet   application  (RIA) 2
  2. 改變 §  多了許多全新的元素   ú  EX:  <canvas>  ,  <video>  ,

     <nav>  …  etc   §  刪去一些在HTML4  不被推薦的元素   ú  EX:  <center>  ,  <font>  ,  <frame>  …  etc   §  HTML5  標籤參考手冊 3
  3. 新的API §  即時二維繪圖   §  定時媒體播放   §  儲存  

    §  離線   §  編輯   §  拖放   §  通訊/網路   §  後退按鈕管理   §  MIME和協議處理程序時表頭登記 4
  4. Flash §  優勢   ú  開發人員   ú  由Adoeb獨家控制  

    §  劣勢   ú  FlashPlayer版權私有   ú  安全性   ú  不支持3D硬體加速   ú  當機率   7
  5. HTML  5  使用教學網站 §  http://apirocks.com/html5/html5.html   §  https://developer.mozilla.org/en/ Canvas_tutorial  

    §  http://www.inside.com.tw/05/08/how-­‐to-­‐use-­‐ html5-­‐video-­‐playback   10
  6. Html5  應用範例 §  Sketchpad   §  小畫家   §  俄羅斯方塊

      §  sticky-­‐notes   §  Guacamole    download   §  pacman   11
  7. 參考資料 §  http://www.w3schools.com/   §  http://en.wikipedia.org/wiki/Html5   §  http://www.w3.org/TR/html5/  

    §  http://www.zimo9.com/webnews/html5-­‐ie6/   §  http://zh-­‐tw.how-­‐to.mobi/index.php?id=134727   §  http://www.ithome.com.tw/itadm/article.php? c=61101   §  http://www.dns.com.tw/blog/2009/06/ html-­‐5.html 14
  8. 15