Introduction to HTML5

what is HTML5?

Transcript

1. HTML  5  簡介 資工2A  彭博涵 1
2. 生平 §  最新一版的HTML   §  生日：2012   §  生父：WHATWG   §  生母：W3C   §  志願：取代現有的 HTML  4.01,  XHTML  1.0標 準、減少plug-­‐in-­‐based  rich  internet   application  (RIA) 2
3. 改變 §  多了許多全新的元素   ú  EX:  <canvas>  ,  <video>  ,  <nav>  …  etc   §  刪去一些在HTML4  不被推薦的元素   ú  EX:  <center>  ,  <font>  ,  <frame>  …  etc   §  HTML5  標籤參考手冊 3
4. 新的API §  即時二維繪圖   §  定時媒體播放   §  儲存   §  離線   §  編輯   §  拖放   §  通訊／網路   §  後退按鈕管理   §  MIME和協議處理程序時表頭登記 4
5. HTML4 HTML5 5
6. 取代 Flash  !? 6
7. Flash §  優勢   ú  開發人員   ú  由Adoeb獨家控制   §  劣勢   ú  FlashPlayer版權私有   ú  安全性   ú  不支持3D硬體加速   ú  當機率   7
8. HTML  5如何取代Flash? §  功能   §  性能   §  兼容性   §  開發模式   §  普及     8
9. 誰在使用HTML  5 §  Google   §  YouTube   §  Apple 9
10. 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
11. Html5  應用範例 §  Sketchpad   §  小畫家   §  俄羅斯方塊   §  sticky-­‐notes   §  Guacamole    download   §  pacman   11
12. 現況 §  普及還需五年，但會逐漸加入支援 §  Adobe承諾將會提供最好的HTML5網頁製作 工具   §  目前 Firefox、Google  、Chrome、 Opera  及 Safari（版本 4  以上）已支援 HTML5  技術   12
13. THE  HTML5  TEST §  http://html5test.com/ 13
14. 參考資料 §  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