聯網的迅速發展，軟件行業成了更多年輕人的就業選擇。HTML5簡單易學門檻低，是Web時代前端開發超好用的工具。而HTML5開發人員的就業薪資也遠遠高于其他行業。

資料顯示，初級HTML5開發人員的平均薪資在8K-10K左右，擁有一定工作經驗的人薪資普遍達到15K-20K。如此廣闊的前景當然吸引了無數專業或非專業人士的加入。HTML5用途范圍廣，下面小編就來給大家分享常見的HTML5框架。

HTML5基礎入門之常見的HTML5框架有哪些?

1、Siimpler

Siimpler 是個簡單的 HTML 開發框架，他可以通過選擇你自己喜歡的部分，來幫助你迅速又簡單地創建 HTML5 開發結構。網絡設計者們也可以通過使用 Siimpler 框架類的文件和文件夾來無縫的開始一個 Web 項目。

2、Ionic

Ionic 是個神奇的框架和強大前端開源系統，使用先進的Web技術，比如CSS、HTML 和 JS 來創建令人驚嘆的手機應用。

3、Foundation

Foundation 是世界上精妙的前端響應框架，同時，它可以兼容所有的瀏覽器和網絡設備。Foundation 擁有移動友好型的用戶接口，設置了許多關鍵特性。

4、Enyo

Enyo是一個開源的 Jaa 框架，該框架能夠讓你創建頂級的 HTML5 應用程序，該應用程序能夠運行在各種各樣的電子設備上，比如說手機、臺式機、筆記本、電視以及Web應用。

5、LimeJS

針對于所有的新的桌面瀏覽器和觸屏設備，LimeJS 對于有用戶經驗的游戲開發者而言是教好的和較強大的開發框架。

6、Bootstrap

Bootstrap能讓所有開發者都能迅速上手、所有設備都可以適配、所有項目都適用。此外，bootstrap的官網也有很多教程提供。

7、juery UI

juery UI 主要分為交互、微件和效果庫3個部分，主打代碼開源，操作繼承了juery 的簡單特性，兼容各主流桌面瀏覽器。

前端HTML5是當下很多企業都會用到的軟件開發，HTML5是移動互聯網前端的主流開發語言，目前還沒有任何一種前端開發技術能夠取代HTML5。因此，無論是PC端還是APP端的應用，前端樣式都離不開HTML5.

從手機與電腦上網的使用率來看，從事HTML5或者Web相關的開發工作，就業前景還是比較可觀的。而且，現在的網站開發都往移動設備上轉移，所以HTML5或者Web前端是眾望所歸。

做web大概有八年的時間，今天主要給新手想要做HTML5開發的新手簡單說下HTML5能做為什么以及未來的發展和一個系統的學習規劃，目前HTML5有多火，不用我說大家都清楚，很多其他行業想轉行做HTML5開發，想要在以后有一個好的發展前景，HTML5技術的不斷的成熟，各大瀏覽器不斷兼容HTML5最新技術，HTML5被稱為可以改變人們生活的東西。而現在HTML5的競爭也是非常的大，所以說我想要做HTML5開發一定要先把技術學好才能去找工作。

HTML5都能做什么？

第一：剛出現不久的小程序，很流行，在開發的過程，HTML5技術就會應用的很多。

第二：移動端是HTML5不可缺少的技術，現在都是移動端的市場，人們手機的一些功能，緩存，音樂，視頻，地位，Canvas繪圖還有大量的特效，好看的效果，都是不可能離開HTML5技術。

第三：現手游的火爆程度，PC端游戲受到了沖擊，比如LOL被王者榮耀沖擊，這是時代的變化，HTML5可以做手機游戲，前景光明。

第四：互聯網的各種應用，在如今變化多端的互聯網，好像任何東西都仿佛離不開了HTML5的技術。

下面我說下HTML5的學習路線：

第一階段：HTML+CSS+JS

第一階段要學習基礎的靜態布局，HTML+CSS，特別提出一定要下功夫攻破JS，JS是最難的，也是前端開發的工資標準，見過很多人學不懂JS，因為JS的邏輯非常強，要跟著大量的案例進行學習，學習JS方法非常重要，很多在學的時候感覺沒有效率是沒有良好的學習方案

第二階段：HTML5+CSS3+JQ

了解HTML5新特性，CSS3新屬性，換句話說HTML5就是另一個，我上面說的，如果JS學不好，HTML5也很難，本HTML5要和JS完美的配合，而JQ是JS框架，只要原生JS掌握的不錯，學習JQ不是難事。

第三階段：主流框架

前端框架是我們必須要學習的，每一個公司都會用到，但是框架學起來不容易，這些框架都是用原生JS封裝的，再一次強調一下JS的重要性，只要一直做前端永遠都不會離開JS，就是需要JavaScript，所以一定要學好JavaScript，一個好的學習方法非常重要。

剛接觸HTML5的新伙伴多了解這些行情才是學習HTML5開發的關鍵，找到一個有效率的學習方式才是最重要的，方法不對在努力也是白費，少走彎路就是學習HTML5開發的捷徑，前端我做開發將近十年，這些懂得還是很多，有不懂的問題隨時可以請教我，下面有我的HTML5新手學習裙，對于學習方法，學習效率，以后行業發展的都可以問我，群里也有很多比較精品的HTML5學習視頻免費分享給新人，希望新手少走彎路。

到移動端手機網站的建設及優化，估計很多讀者要說了，“我們是做工程（或者批發、大型設備之類）的，客戶是企業都是上班的時候在電腦上搜，手機網站簡單copy一下PC網站就好了?！闭媸沁@樣嗎？下面是南寧桂之邦工程機械有限公司在百度剛調整時候的聊天截圖：

“其實PC端減少廣告位對我影響不大，我們主要還是靠移動端的，移動沒變的話都不怕。”想不到吧，做挖掘機配件的公司主要的詢盤都來自移動端。咱先不說越來越多的用戶從PC端轉向移動端，為什么要做移動端優化，下面3個理由分分鐘讓人不得不花心思在移動端了：

1.百度調整競價廣告位數量后，由于移動端的廣告本來就少，推廣效果并沒有受到太大的影響。所以，在PC端廣告位大量下架的時候，移動端是一個機會。

2.企業開通百度推廣一定要有手機網站；

3.百度不再對開通競價推廣的企業贈送手機網站（其實百度之前送的手機網站，也只是PC網站轉碼來的）。

所以請務必加強移動端網站的建設優化！牛牛今天就給大家講講手機網站該怎么去優化，沒有手機網站的可以借鑒，已經建設手機網站的對比檢查：

首先我們從外觀上說，建議老板對比檢查：

1、定位和頁面設計

①無論是PC端還是移動端，網站都要考慮清楚目標客戶的定位問題。這個可以參考之前老牛講到過的多次網站定位問題，比如搞清楚“目標客戶”和“目標客戶的客戶”分別要的是什么。

②在頁面設計時，要考慮到用戶打開網頁的時長，避免使用彈窗、flash、javascript等技術。這不僅僅是影響用戶體驗，同時對于搜索引擎而言，基本理解不了。我們要盡量減少百度索引抓取的工作，讓百度蜘蛛盡可能多的爬行和收錄頁面。

在技術層面來講，Apple產品不支持Flash功能，同時Flash會占用大量的流量和網速,目前已經處于邊緣化，地位逐漸被HTML5所替代。

2、網站盡可能簡潔

①手機網站比PC端網站的頁面下載速度要慢得多，因此盡量把頁面數和頁面大小控制到最低。

②此外，手機用戶瀏覽網頁的時間是零碎的，不可能耐心點擊很多的頁面，而且瀏覽習慣是縱向（上下）滑動。因此，網站首頁可以多屏設計，但是要盡可能的減少網站頁面層級。

③咨詢探頭盡可能精簡再精簡，從客戶進入網站到詢盤盡可能提供最直接的方式，比如電話咨詢，杜絕在線留言、發郵件等。

然后放大招，內容涉及到專業術語，建議專業優化以站長對比檢查：

3、域名和robots設置。

①域名盡可能簡短易記，大部分手機版網站的域名是PC端網站的二級域名，當然這個也很好，與傳統網站保持一致，更讓重視用戶信賴。

②robots設置上最好不要任何限制，讓所有搜索引擎抓取。另外小生在這里糾正一個很多站長想當然的誤區，百度官方聲明百度spider的爬蟲UA是Baiduspider(www 和wap 一致)，個別站長經常會誤認為百度手機爬蟲的UA是baiduspider-mobile，其實沒這回事。

4、頁面細節優化。

①專屬的手機網站頭部標簽。

對于手機網站的首頁或者頻道首頁的網頁代碼中的keywords、description最好加上與PC端有所區別的meta標簽和關鍵詞，在每個頁面的關鍵字及描述像做傳統PC端網站一 樣，做好針對性的填寫工作。對搜索結果的展現(摘要)以及優化工作大有幫助。

②減少死鏈。

如果沒有內容，最好用狀態碼指定，比如404、403 等;如果內容死鏈希望重定向到首頁，最好通過302重定向跳轉，不要使用javascript的動態請求方式跳轉。

5、使用規范化的協議，做好瀏覽器兼容調試工作。

一般來說手機建站有xhtml、html5、wml 三種協議，最好使用規范化、標準化的協議格式，避免造成不必要的麻煩。當然也可以做多個版本的站點，站點進行不同版式的自動適配。

6、url鏈接規范化。

①對于多個板塊的二級域名或者目錄來說，使用規范、簡單的url，盡量去除與頁面內容無關的參數，如用來區分手機型號、區分訪問用

戶，方便統計參數。

②頁面url鏈接跳轉最好是正常格式的目標url，不要有太多的參數夾在在url中間進行跳轉。

7、做好移動版與PC版網站的轉換。

①確保在手機網站或者PC端網站各個頁面上有相應的導航或者提示鏈接，讓用戶可以在手機版和PC版進行切換，也便于搜索引擎更好的收錄。

②百度官方曾聲明，對于移動站點，當baiduspider ua或者其它無法確定來源的ua訪問時，建議默認情況下直接返回html5 或xhtml 類型的移動頁面，不要重定向到PC頁面。

8、其它優化事項。

其它一些優化要點與傳統PC端網站優化一樣。如網站結構要用合理的樹形結構，最好采用樹形和扁平相結合；清晰的面包屑導航，方便搜索引擎爬行抓取和用戶體驗；title寫法要盡量包含關鍵字，首頁、頻道頁、內容頁寫法要有所側重。

以上

從技術角度出發來做手機網站優化，可能對很多讀者來說難度比較大。建議專業的事交給專業的人來做，有一個最利于優化的手機網站最重要。

企業到底需要什么樣的手機網站呢？詳情回復“手機網站”了解