H5和HTML5有區別嗎？

 

　　H5 ≠HTML5

 

　　Part  one

 

　　H5，第一反應就是：“我的天，啥是H5？好洋氣??！是不是個很高端的什么新玩意兒？??？

 

　　實際上，這個說法只在中國大陸地區的工程師中使用，臺灣、印度和美國等地區并沒有這個簡稱。

 

　　嚴格的說， H5 ≠HTML5。

 

　　H5 是一個產品名詞。

 

　　HTML5是一個技術名詞。

 

　　2 打個比方

 

　　Part two

 

　　打個比方，如果有個人跟你說：“我要做個網站，H5的”，或者問：“你是不是會做H5開發？”

 

　　可能他要的只是在微信等移動端，看上去酷炫能夠提升公司格調，也能被廣泛轉發分享的一種東西。

 

　　拆開來看，大概包括以下技術點：

 

　　1、頁面素材預加載技術，可以使用createJS之中的preloadJS。我沒有看preloadJS的源碼，不過預加載并不是HTML5標準中更新的方法。

 

　　2、音樂加載播放技術，createJS中同樣有soundJS可以實現，而且這部分說起來確實是HTML5標準支持的內容，在上個時代并沒有audio這樣的標簽。

 

　　3、可以滑動的頁面，大多數是用了swiper.js這個Jquery插件，也有一些是手寫的swipe，比較拙劣的手寫版頁面是不會跟手滑動的，其中touchstart等四個touch系列的事件是HTML5標準中的事件。

 

　　4、可以涂抹擦除，多半是canvas疊加層，canvas是HTML5標準里面的標簽，是代表了先進生產力的標簽。

 

　　5、有動態的文字和圖片，常見的是使用了css3或者直接使用js動畫。

 

　　很多時候提到HTML5多半還會帶上CSS3，而CSS的分級又是另外的一個問題了，在不同的項目標準上，CSS會獨立定級，以后應該不會有CSS4這個東西，所以大家也不用擔心在H5以后又冒出來了C4（不過真是想用C4炸死那些每天把H5掛在嘴上的人）。

 

　　6、可以填表報名，這是最基本的表單，是有網頁以來就有的東西。

 

　　所以，談論H5的時候，實際上是一個解決方案。

 

　　這個解決方案不僅包含了HTML5新增的audio標簽，canvas，拖拽特性，本地存儲，websocket通信，同時也包括了盒模型，包括絕對定位，包括一切前端的基本知識。

 

　　3 HTML5并不是一項技術，而是一個標準

 

　　Part three

 

　　再次科普，HTML5并不是一項技術，而是一個標準。

 

　　標準的意思就是：學生準則手冊。

 

　　HTML5就是HTML最新標準。

 

　　4  什么是HTML5

 

　　Part four

 

　　HTML5就是HTML最新標準，是現在Web程序開發的核心、標準通用標記語言下的一個應用HTML的第五次重大修改，這是一項推薦標準。

 

　　雖然 CSS3和HTML5是兩個語言，但通常說HTML5也都泛指包括CSS3，因為它們兩個常在一起配合使用的。

 

　　當然還不指這些，從技術本身分析來看，現在完成一些頁面制作、WebAPP、微網站開發以及網頁游戲等，現在都是使用HTML5標準完成的。

 

　　雖然開發這類的應用其實是以JS為主，但因為HTML5 這個概念很流行，所以微網站開發、WebAPP或是微網站等應用，很多人都會說使用HTML5開發。

 

　　5   前端開發學什么

 

　　Part five

 

　　那么前端開發學習什么？

 

　　要學習HTML、CSS和DIV+CSS技術用來制作Web頁面；學習Java、DOM、BOM等用建立開發基礎；學習 photoshop和Axure等軟件應用，完成頁面UI設計；

 

　　也要認識一下NodeJS和PHP加上數據庫等這樣的后端語言，方便前后端開發配合；學習 HTML5、CSS3、響應式頁面布局、微網站制作等開發移動互聯網的應用；像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端開發必學的高級技術；

 

　　HTML5地理位置應用、離線應用、webworker多線程實現、websocket、跨平臺開發技術和webAPP開發等，這些企業級應用技術也是現在開發的主流；

 

　　現在前端開發最熱門、要人最多，就是使用canvas開發網頁游戲動畫，以及會用 Cocos2d-js制作游戲等開發。

 

　　6  結尾

 

　　Part six

 

　　到這里，大家對前端有了一個基本的認識了吧！

 

　　如果你是了解過Web前端的人，那么你就有一顆想轉行的心，因為相比于其他行業，web前端相對容易。

 

　　只要你有過硬的技術，有足夠的項目實戰經驗，很容易就拿到高薪！