HTML5理論實踐與練習(一)

2014年10月29日，w3c宣布，經過接近8年的艱苦努力，html5标準規範終于制定完成。

html5将會取代1999年制定的html 4.01、xhtml 1.0标準，以期能在網際網路應用迅速發展的時候，使網絡标準達到符合當代的網絡需求，為桌面和移動平台帶來無縫銜接的豐富内容。

這是一個html5制作的火焰動畫特效：

<a href="http://hovertree.com/texiao/html5/26/" target="_blank">http://hovertree.com/texiao/html5/26/</a>

效果圖如下：

該效果在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

<a href="http://hovertree.com/shortanswer/bjae/kigbklfy.htm" target="_blank">http://hovertree.com/shortanswer/bjae/kigbklfy.htm</a>

html5 的新特性

① 語義特性（semantic）

html5賦予網頁更好的意義和結構。

② 本地存儲特性（offline &amp; 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 &amp; effects）

基于svg、canvas、webgl及css3的3d功能，使用者會驚歎于在浏覽器中，所呈現的驚人視覺效果。

⑦ 性能與內建特性（performance &amp; integration）

沒有使用者會永遠等待你的loading——html5會通過xmlhttprequest2等技術，解決以前的跨域等問題，幫助您的web應用和網站在多樣化的環境中更快速的工作。

⑧ css3

随着web 2.0的出現和發展，以往的css已經無法完全滿足現今頁面的互動等需求，css3應運而生了。