HTML5新特性總結

HTML5的優點、缺點

（巨大的幾個好處）{由於資歷“尚淺”只瞭解到了這幾點 湊合著看吧}：

（1）移動，移動還是移動

        你可以稱之為“直覺”，但是我認為移動技術將會變得更加的流行。我知道，這裡有些非常瘋狂的猜測，有些可能你也想到了– Mobile是一個時尚！移動設備將占領世界。例如：比如你開發了一款HTML5的游戲，你可以移植到UC的開放平臺、Opera的游戲中心、Facebook應用平臺，甚至可以通過封裝的技術發放到App Store或Google Play上，所以它的跨平臺性非常強大，這也是大多數人對HTML5有興趣的主要原因。

（2） 它是未來，開始用吧！

　    最大的原因今天你就開始使用HTML5是因為它是未來，不要掉隊了！你實際上沒有任何藉口不接受HTML5。事實上我唯一一個原因使用HTML5是因為它書寫代碼簡單清晰。其它的特性其實我也沒有真正使用。你可以考慮現在開始使用HTML5書寫代碼，它能幫助你改變書寫代碼的方式及其設計方式。開始用HTML5代碼編寫web應用吧，說不定下一個移動應用或者游戲應用就是用HTML5開發的！

（3）更清晰的代碼

       如果你對於簡答，優雅，容易閱讀的代碼有所偏好的話，HTML5絕對是一個為你量身定做的東西。HTML5允許你寫出簡單清晰富於描述的代碼。符合語義學的代碼允許你分開樣式和內容。看看這個典型的簡單擁有導航的heaer代碼：<div id="header"><h1>Header Text</h1> <div id="nav"> <ul>   <li><ahref="#">Link</a></li>   <li><ahref="#">Link</a></li>   <li><ahref="#">Link</a></li>  </ul></div></div>是不是很簡單？但是使用HTML5後會使得代碼更加簡單並且富有含義：<header> <h1>Header Text</h1> <nav> <ul>   <li><ahref="#">Link</a></li>   <li><ahref="#">Link</a></li>   <li><ahref="#">Link</a></li>  </ul></nav></header>

       使用HTML5你可以通過使用語義學的HTML header標簽描述內容來最後解決你的div及其class定義問題。

（4）游戲開發

　　沒錯， 你可以使用HTML5的<canvas>開發游戲。HTML5提供了一個非常偉大的，移動友好的方式去開發有趣互動的游戲。如果你開發Flash游戲，你就會喜歡上HTML5的游戲開發。

　　Script-tutorials目前提供了4個不部分的HTML5游戲開發教程，這裡看看他們開發的有趣游戲：

   HTML5 Gaming Development Lesson One

   HTML5 Gaming Development Lesson Two

   HTML5 Gaming Development Lesson Three

   HTML5 Gaming Development Lesson Four

（5）視頻和音頻支持

　　忘了flash和其它第三方應用吧，讓你的視頻和音頻通過HTML5標簽<video>和<audio>來訪問資源。正確播放媒體一直都是一個非常可怕的事情，你需要使用<embed>和<object>標簽，並且為了它們能正確播放必須賦予一大堆的參數。你的媒體標簽將會非常複雜，大堆得令人迷惑的代碼。而且HTML5視頻和音頻標簽基本將他們視為圖片：<video src=”"/>。但是其它參數例如寬度和高度或者自動播放呢？不必擔心，只需要像其它HTML標簽一樣定義：<video src=”url”width=”640px” height=”380px” autoplay/>。

實際上這個過程非常簡單，然而我們的老瀏覽器可能並不喜歡我們的HTML5，你需要添加更多代碼來讓他們正確工作。但是這個代碼還是比<embed>和<object>來的簡單的多。

 （小小的一個缺點）：

  對於PC端瀏覽器的選擇

  　  pc 端瀏覽器支持不是特別友好，造成用戶體驗不佳(隨著移動端的發展不斷擴大和win10（ie10）的大量推廣，這一缺點將被無限縮小)

APP與H5的比較