HTML5理論實踐與練習(一)新特性
編輯：HTML5教程
2014年10月29日，W3C宣布，經過接近8年的艱苦努力，HTML5標准規范終於制定完成。
Html5將會取代1999年制定的HTML 4.01、XHTML 1.0標准，以期能在互聯網應用迅速發展的時候，使網絡標准達到符合當代的網絡需求，為桌面和移動平台帶來無縫銜接的豐富內容。
這是一個HTML5制作的火焰特效：
http://hovertree.com/texiao/html5/26/
效果圖如下：
該效果在HTML5之前一般使用Flash實現，現在使用HTML5實現，浏覽器已經原生支持，不需要flash等插件。
作為“年長”的web開發者，可以說一步一步見證著HTML5的發展。這些年為了兼容IE6放棄了很多HTML5的新特性。但是今時不同以往，移動設備的流行，天然支持HTML5，以及桌面端IE最終被用戶和微軟唾棄，更多支持HTML5浏覽器的受歡迎，我要重新研究一下HTML5帶來的這些新特性。
練習題目：
HTML5 之前的 HTML 版本是？
A.HTML 4.01
B.HTML 4
C.HTML 4.1
D.HTML 4.9
http://hovertree.com/shortanswer/bjae/kigbklfy.htm
HTML5 的新特性
① 語義特性（Semantic）
HTML5賦予網頁更好的意義和結構。
② 本地存儲特性（OFFLINE & STORAGE）
基於HTML5開發的網頁APP擁有更短的啟動時間，更快的聯網速度，這些全得益於HTML5 APP Cache，以及本地存儲功能。
③ 設備訪問特性 (DEVICE ACCESS)
從Geolocation功能的API文檔公開以來，HTML5為網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放接口。使外部應用可以直接與浏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯。
④ 連接特性（CONNECTIVITY）
更有效的連接工作效率，使得基於頁面的實時聊天，更快速的網頁游戲體驗，更優化的在線交流得到了實現。HTML5擁有更有效的服務器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性能夠幫助我們實現服務器將數據“推送”到客戶端的功能。
⑤ 網頁多媒體特性(MULTIMEDIA)
支持網頁端的Audio、Video等多媒體功能， 與網站自帶的APPS，攝像頭，影音功能相得益彰。
⑥ 三維、圖形及特效特性（3D, Graphics & Effects）
基於SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚歎於在浏覽器中，所呈現的驚人視覺效果。
⑦ 性能與集成特性（Performance & Integration）
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術，解決以前的跨域等問題，幫助您的Web應用和網站在多樣化的環境中更快速的工作。
⑧ CSS3
隨著web 2.0的出現和發展，以往的CSS已經無法完全滿足現今頁面的交互等需求，CSS3應運而生了。
Html5將會取代1999年制定的HTML 4.01、XHTML 1.0標准，以期能在互聯網應用迅速發展的時候，使網絡標准達到符合當代的網絡需求，為桌面和移動平台帶來無縫銜接的豐富內容。
這是一個HTML5制作的火焰特效：
http://hovertree.com/texiao/html5/26/
效果圖如下：
該效果在HTML5之前一般使用Flash實現，現在使用HTML5實現，浏覽器已經原生支持，不需要flash等插件。
作為“年長”的web開發者，可以說一步一步見證著HTML5的發展。這些年為了兼容IE6放棄了很多HTML5的新特性。但是今時不同以往，移動設備的流行，天然支持HTML5，以及桌面端IE最終被用戶和微軟唾棄，更多支持HTML5浏覽器的受歡迎，我要重新研究一下HTML5帶來的這些新特性。
練習題目：
HTML5 之前的 HTML 版本是？
A.HTML 4.01
B.HTML 4
C.HTML 4.1
D.HTML 4.9
http://hovertree.com/shortanswer/bjae/kigbklfy.htm
HTML5 的新特性
① 語義特性（Semantic）
HTML5賦予網頁更好的意義和結構。
② 本地存儲特性（OFFLINE & STORAGE）
基於HTML5開發的網頁APP擁有更短的啟動時間，更快的聯網速度，這些全得益於HTML5 APP Cache，以及本地存儲功能。
③ 設備訪問特性 (DEVICE ACCESS)
從Geolocation功能的API文檔公開以來，HTML5為網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放接口。使外部應用可以直接與浏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯。
④ 連接特性（CONNECTIVITY）
更有效的連接工作效率，使得基於頁面的實時聊天，更快速的網頁游戲體驗，更優化的在線交流得到了實現。HTML5擁有更有效的服務器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性能夠幫助我們實現服務器將數據“推送”到客戶端的功能。
⑤ 網頁多媒體特性(MULTIMEDIA)
支持網頁端的Audio、Video等多媒體功能， 與網站自帶的APPS，攝像頭，影音功能相得益彰。
⑥ 三維、圖形及特效特性（3D, Graphics & Effects）
基於SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚歎於在浏覽器中，所呈現的驚人視覺效果。
⑦ 性能與集成特性（Performance & Integration）
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術，解決以前的跨域等問題，幫助您的Web應用和網站在多樣化的環境中更快速的工作。
⑧ CSS3
隨著web 2.0的出現和發展，以往的CSS已經無法完全滿足現今頁面的交互等需求，CSS3應運而生了。
小編推薦
熱門推薦