關于HTML5的簡單理解

一、概括理解

   隨著互聯網發展的推進，HTML5也愈演愈烈，就我而言，我的理解是html5是在之前版本的精簡和擴展。擴展該有的功能，使得得到更加絢麗的頁面效果，并且代碼的書寫非但隨著功能的增加而增加反而朝著更易書寫的方向發展；精簡以前不常用的標簽，和一些反人類理解的標簽命名。

二、HTML5由來  

   在說一下，HTML5的由來，說到HTML5不得不提起html，二者之間的關系是什么？為什么沒有HTML4的東西存在？

        HTML 超文本標記語言的開發到1999年推出HTML4就停止了。所以我們常說的HTML指的就是HTML4。到了HTML4.1后萬維網聯盟（W3C）宣布停止后續html的更新版本了，把重點轉向XHTML（可擴展性的HTML），直到XHTML2.0。然而其實并沒有什么大的擴展功能，只是更強調了代碼書寫的規范。然而瀏覽器廠商不滿足于當前HTML的功能，自然使得各大廠商開始發展HTML，但是瀏覽器廠商太多，chrome，firefox，IE，Opera，Apple等，大家各自發展各自的功能標簽，帶來的問題顯而易見，不兼容，一度很混亂。至此，w3c感覺自己出的標準沒人看，自個玩沒意思，那邊各大瀏覽器公司頭疼語言混亂，好了，到了2006年，二者聯姻，決定創建新版的HTML。HTML5草案的前身名為 Web Applications 1.0，于2004年提出，于2007年被 W3C 接納，并成立了新的 HTML工作團隊。HTML5的第一份正式草案已于2008年1月22日公布。HTML5 仍處于完善之中。但大部分現代瀏覽器已經具備了某些 HTML5 支持。

   W3C已經提出新計劃，將HTML5定位為“推薦標準”。按照W3C的話來說，這意味著到2014年底，HTML5將成為一種完整的成品標準。W3C還計劃到2016年底發布后續版本HTML 5.1。根據新計劃，HTML工作團隊將在2012年底發布一個HTML 5.0候選推薦標準，這個候選推薦標準將是5.0標準的基礎。之后，HTML 5.1的草案也會被制定，其中將包括HTML 5.0的候選推薦標準，再加上任何被排除在外的不穩定功能。到2014年，HTML 5.1規范的出爐將經歷類似步驟。任何不穩定功能將被剔除，產生HTML 5.1候選推薦標準，此后會制定HTML 5.2的草案，加入不穩定功能。之后HTML 5.3、5.4……標準會一直升級下去。此前， HTML 5標準計劃將在2022年完成。

        目前而言，HTML5在web領域沒有完全展開，但是在手持移動端得到了廣泛應用。不過隨著語言的完善和瀏覽器版本的更新，必定會取代html。

三、HTML5的新功能

　1、音頻視頻播放

　　視頻已經在 Web 上廣泛流行了，但是其格式幾乎都是專有的。YouTube 使用 Flash，Microsoft 使用 Windows Media，Apple 使用 QuickTime。在一種瀏覽器中用來嵌入這些內容的標記在另一種瀏覽器中是無效的。

　　HTML5新增<audio>和<video>標簽使得瀏覽器不需要插件即可播放視頻和音頻。例如，可以用以下代碼嵌入一部電影：<video src="http://www.cafeaulait.org/birds/test.mov" />。

　 通過audio元素可以使用以下代碼給 Web 頁面加上背景音樂：<audio src="spacemusic.mp3"autoplay="autoplay" loop="20000" />。

 2、動畫 Canvas

　　HTML 5 引進了很多新特性，其中最令人期待的之一就是 canvas 元素。HTML 5 canvas 提供了通過 JavaScript 繪制圖形的方法，此方法使用簡單但功能強大。每一個 canvas 元素都有一個"上下文( context )" (想象成繪圖板上的一頁)，在其中可以繪制任意圖形。瀏覽器支持多個 canvas 上下文，并通過不同的 API 提供圖形繪制功能。

　3、地理信息

        HTML5 的另一個功能是地理信息定位功能，一些瀏覽器提供了 geolocation API ，這個 API 也由 W3C 管理，可以結合 HTML5 實現你當前地理位置定位。Google Maps 在使用該功能，在 Google 地圖上，有一個小圓圈，點擊一下，就能告訴 Google 地圖你現在的地理位置。目前，Geolocation API 并沒有被眾多桌面瀏覽器廣泛采用(只有 Chrome 和 Firefox 3.6+ 采用了)，但 Google Gears 插件可以幫助那些舊瀏覽器實現該功能。

　　Twitter 借此實現地理信息感知的 tweets 消息，當瀏覽器支持geolocation API 的時候，會自動使用該 API，否則，則使用 Google Gears。

 4、硬件加速、WEB SOCKET

　5、本地離線應用程序(即使在 Internet 連接中斷之后)

　6、本地存儲

　　相對于HTML4只能使用cookie在客戶端存儲數據，大小受限制，占用帶寬，操作復雜的情況，HTML5支持使用Web Storage在客戶端進行存儲數據，容量更大，減輕帶寬壓力，操作簡便。

　7、語義化標記

　　HTML5的最大的意義在于改變了 Web 文檔的結構方式，借助 header, footer, section, article 這些標簽，我們可以實現更具結構化，語義化的 Web 文檔。這樣，搜索引擎可以更容易索引 Web 站點，我們也可以搜索到更快，更準確的信息。

四、HTML5的優勢

　　1、提高可用性和改進用戶的友好體驗；

　　2、新標簽這將有助于開發人員定義重要的內容；

　　3、可以給站點帶來更多的多媒體元素(視頻和音頻)；

　　4、可以很好的替代FLASH和Silverlight；

　　5、當涉及到網站的抓取和索引的時候，對于SEO很友好；

　　6、大量應用于移動應用程序和游戲。　

五、HTML5的不足

　　1、HTML5 本身還在發展中，它不是用戶應用的最迫切需求，更多是廠商試圖改變軟件生態格局的戰略需求。

　　2、HTML5的兼容性受限于各大瀏覽器表現，例如微軟的IE和fireforx之間存在很多差別。

　　3、HTML5需要一個成熟完整的開發環境，目前還缺少。

　　4、HTML5功能的暴增，瀏覽器必須有一個高效的圖形引擎和腳本引擎。

　　5、HTML5需要殺手級應用來吸引和引導用戶升級瀏覽器，最終完成HTML5終端的部署。

六、未來前景

　　從2012年1月的數據來看，全球已有超過34%的網站使用了HTML5技術。除去IE6-8瀏覽器外，其他主流瀏覽器都支持HTML5，其中僅有iPhone/iPad不支持Flash。

　　據IDC調查研究顯示，2013年全球各地將有10億人使用HTML5瀏覽器，將有200萬開發人員為HTML5瀏覽器開發應用。HTML5在未來的5-10年中，將成為移動發展的一個重要因素。