伴隨著HTML5興起的是Flash的沒落，HTML5能打敗在多媒體領域稱霸多年的Flash,，除了移動設備的跨平臺性和較好的多媒體支持外,，它的應用范圍也廣于Flash。比如,，F(xiàn)lash動畫作品的復用性極低,，基本沒有模板市場，而HTML5卻能作為基礎填充材料,，用來制作報紙圖文等模板,。所以作為初學者，還是建議從HTML學起,，循序漸進的學才能掌握HTML5的使用技巧,。

　　HTML5掌握這些技能,，讓您如虎添翼：

　　筆者最近跟圖零直播的馬老師進行了幾天的交流,，現(xiàn)在把最近總結了學習HTML5需要的技能，希望對于學習HTML5的童鞋有幫助,，同時也希望能夠幫到大家,，在這里筆者想說的是HTML5并不是一項技術，而是一個標準,。具體需要掌握哪些技能呢,？總結如下：

　　熟悉HTML、CSS3,、Java基礎,，能夠熟練編寫PC端和移動端頁面,；

　　熟悉圖片處理，了解PS等工具,，具有一定的審美能力,，整體網站布局和諧；

　　熟練使用多種瀏覽器的控制臺,，能夠通過控制臺進行開發(fā)診斷和快速的DOM操作,；

　　熟悉域名的申請和云服務器的創(chuàng)建，有阿里云,、青云等云服務器的申請經驗,，了解如何通過新浪的SAE平臺快速的發(fā)布站點；

　　了解基礎的PHP環(huán)境的搭建（XMAPP）,，能夠通過PHP進行Mysql數(shù)據(jù)庫的訪問,；

　　精通HTML/HTML5，掌握HTML的基本結構和常用標記屬性,；

　　了解HTML5新特性,，熟悉多種新的表單屬性，本地存儲,，畫布等功能,；

　　熟練使用Canvas技術，能夠通過canvas進行頁面游戲的設計的開發(fā),；

　　了解Canvas的Konva框架,，能夠調用Konva的API進行快速的產品開發(fā)；

　　了解百度的Echarts圖表,，能夠調用API進行圖表繪制,，并調用本地數(shù)據(jù)進入圖表展示；

　　了解網頁動畫原理,，能夠熟練使用CSS3,、JS、Jquery編寫網頁動畫,；

　　能夠熟練調用animate.css和其他動畫庫,，制作多種元素動畫效果；

　　熟練掌握CSS3的新特性,，變形,、過渡、動畫以及陰影效果,；

　　擅長使用Flex技術進行網頁布局,；

　　具備CSS+DIV實戰(zhàn)經驗，能快速處理各瀏覽器兼容問題,；

　　掌握JSON數(shù)據(jù)格式和JSON格式化工具,，能夠在前后端通過JSON來傳遞數(shù)據(jù),，掌握JS和PHP的JSON方法；

　　了解響應式的布局的媒體查詢功能（Media Query）,，能夠使用Bootstrap框架進行響應式頁面的快速開發(fā),；

　　具備CSS+DIV長期實戰(zhàn)經驗，能快速處理各瀏覽器兼容問題,；

　　了解調用CSS3的樣式表初始化,，如normalize.css和reset.css等；

　　能夠熟練調用多種字體圖標庫,，font-awesome,、glyphicons以及國內阿里的iconfont；

　　精通Java,，熟練使用Jquery,，AngularJS 等Java框架；

　　熟練使用jquery,，了解jquery的DOM操作,、動畫、ajax等方法的詳細使用,；

　　熟練使用angular JS,，了解angular的指令、數(shù)據(jù)綁定,、MVC,、依賴注入等技術；

　　了解jQuery-ui,、jQuery-mobile等框架,，能夠快速使用API進行移動端頁面的開發(fā)；

　　精通Ajax技術,，能夠編寫原生Ajax代碼以及使用多種框架提供的Ajax方法,；

　　了解跨域技術，能夠使用JSONP進行跨域的數(shù)據(jù)請求,；

　　熟練使用Bootstrap,，Ionic等前端UI框架；

　　熟練使用Sublime,、Hbudiler,、Webstorm等開發(fā)工具,，了解EMMET特性,；

　　熟悉微信公眾號的基本操作，能夠進行文本消息的推送,，關鍵字回復,，自定義菜單等操作,；

　　熟悉微信公眾號的二次開發(fā)，熟練使用微信JS-SDK的接口調用,；

　　我們在談論H5的時候,，實際上是一個解決方案，一個看起來酷炫的移動端onepage網站的解決方案,。而這個解決方案不僅包含了HTML5新增的audio標簽,，canvas，拖拽特性,，本地存儲,，websocket通信，同時也包括了盒模型,，包括絕對定位,，包括一切前端的基本知識。