下(xia)面(mian)推薦的幾款主流HTML5框架，上(shang)手都比較(jiao)快，而且(qie)網站的教程相(xiang)對完善(shan)，無論是初學還是專業前端，都能(neng)找到適合自己操作的框架。

Bootstrap

全球(qiu)數以(yi)百(bai)萬(wan)計的(de)網站都(dou)是(shi)基于 Bootstrap 構建(jian)的(de)。Bootstrap能(neng)讓所有開(kai)發(fa)者都(dou)能(neng)快速上手、所有設備都(dou)可以(yi)適配、所有項目都(dou)適用。此外，bootstrap的(de)官網也有很(hen)多(duo)教(jiao)程提供。

Bootstrap 包含了(le)十幾個(ge)自定(ding)義(yi)的 jQuery 插件，并自帶以下特性(xing)：全局的 CSS 設置(zhi)、定(ding)義(yi)基本的 HTML 元素樣(yang)式、可(ke)擴展的 class，以及一(yi)個(ge)先進的網格(ge)系統。

SUI Mobile

SUI Mobile 是一套基于 Framework7 開發(fa)的(de)UI庫。它非常輕量、精美，只需要引入我們(men)的(de)CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和(he) Android 4.0+，非常適合(he)開發(fa)跨平臺Web App。

SUI Mobile 的組件都是按照iOS風格設計的，，非常(chang)輕量(liang)，核心(xin)庫壓縮Gzip后的JS、CSS網絡傳輸體積總共只有(you)52K，卻提供了20+個(ge)常(chang)用的組件。網站內有(you)詳細的編碼介紹。

jQuery UI

jQuery UI 主要分為3個部(bu)分：交互、微件和(he)效(xiao)果庫。主打代(dai)碼開源(yuan)，操作繼承了jQuery 的簡單特性，兼容各主流桌面(mian)瀏覽器。

jQuery mobile

jQuery Mobile 是針對觸(chu)屏(ping)智(zhi)能手(shou)機與平(ping)板電(dian)腦(nao)的(de)網頁(ye)開發(fa)框架(jia)。如果開發(fa)者了解 jQuery，可(ke)以很(hen)容(rong)易的(de)學習 jQuery Mobile。

如何高效學習HTML5前端開發？

前端(duan)首先(xian)(xian)要(yao)學HTML+CSS，如果想系統(tong)學習，最好(hao)是到專業培訓(xun)機構或(huo)者(zhe)收聽網絡課程，這樣能學以(yi)致用。如果選擇自學，應(ying)該先(xian)(xian)跟著(zhu)書仔細、扎實的(de)(de)(de)學一遍。做大量(liang)的(de)(de)(de)練(lian)習，做各種常規的(de)(de)(de)、新穎的(de)(de)(de)布局練(lian)習來捆固、理解(jie)自己(ji)的(de)(de)(de)知識(shi)。css要(yao)熟練(lian)掌(zhang)握(wo)float、 position、width、height，以(yi)及對(dui)于(yu)的(de)(de)(de)最大最小、會(hui)使用百分百、overflow、margin、padding等等，這些都是跟布局有關系的(de)(de)(de)樣式，是必(bi)須要(yao)掌(zhang)握(wo)的(de)(de)(de)。

如果只是為了做網站而學習前端HTML，大可不必花大量時間，很多自助建站工具都支持零基礎建站，過程跟當年玩QQ空間裝扮差不多，網站的制作周期和資金投入都相對較低。如V9已經能做出多種風格的滿足購物、學習、展示和營銷的優質網站。

零基礎做HTML5響應式網站：