【51CTO.com快譯】HTML5作為第五代HTML標準修訂版本,于2014年10月完成并發(fā)布。這套最新語言版本納入了一系列新的功能特性，包括經(jīng)過改進的多媒體內(nèi)容支持能力、新的語法功能以及可伸縮矢量圖形（簡稱SVG）集成等等。

不過重要的是，HTML 5的核心優(yōu)勢在于其提供了不同瀏覽器之間更理想的互操作能力，從而使其成為跨平臺移動應用開發(fā)場景中的重要語言選項。如今，HTML 5已經(jīng)成為市面上最出色的移動技術(shù)方案之一，同時也吸引到眾多企業(yè)級組織利用其進行跨平臺Web應用交付。當前市場上存在著大量“HTML 5開發(fā)框架”，足以為我們提供各類必要功能與組件，從而順利而且高效地搞定移動應用開發(fā)任務。

“HTML 5移動應用”基本上就是一款基于Web的應用，其運行不需要依靠特定設備以及瀏覽器。這種應用由單一網(wǎng)絡頁面或者多個網(wǎng)絡頁面所構(gòu)成，可在現(xiàn)代移動瀏覽器上順利打開。HTML 5非常適合用于開發(fā)此類基于Web的移動應用，具體包括通訊應用、電子商務應用乃至旅行應用等等。誠然，原生移動應用往往能夠提供更出色的功能性、安全水平以及令人贊嘆的設計效果。但是，通過使用正確的框架，我們也能夠很容易地設計出一套基于Web的HTML 5移動應用，并使其擁有與原生應用非常類似的使用感受。此外，很多框架還提供對PhoneGap以及Cordova這類方案的支持能力，這意味著我們能夠面向多種不同平臺及設備構(gòu)建動態(tài)混合Web應用。

因此，在今天的文章中，我們將共同了解十款出色的HTML 5框架——它們能夠幫助開發(fā)人員構(gòu)建種類繁多的響應式Web應用，包括生產(chǎn)力、在線通信、社交媒體以及音樂播放等等。閑言少敘，我們馬上進入十大最佳HTML 5響應式Web開發(fā)框架主題。

1、GroundworkCSS 2

GroundworkCSS 2是一款響應式HTML 5、CSS以及JavaScript框架。這套框架擁有一套強大的網(wǎng)格系統(tǒng)外加對應劃分功能，足以滿足各類臺式機、智能手機以及平板設備的需要。其網(wǎng)站還提供數(shù)量可觀的使用示例及說明文檔，足以幫助大家快速實現(xiàn)原型設計以及面向標準網(wǎng)站、電子商務網(wǎng)站以及圖片庫等應用場景的布局模板。值得強調(diào)的是，這套框架還提供其它一些功能，例如響應式文本以及易于定制特性。

2、MontageJS

MontageJS是一套極具人氣的HTML 5框架，其專長之處在于支持高性能與可擴展性Web應用的開發(fā)。這套框架提供一系列面向組件的HTML模板，從而幫助這些組件擺脫對JavaScript或者CSS的依賴性。它還提供一套模塊化方法，能夠?qū)崿F(xiàn)組件的可復用性及代碼組織。另外，MontageJS的其它優(yōu)勢還包括基于云的視覺創(chuàng)作環(huán)境、功能性反應綁定（簡稱FRB）以及隱含事件代理等等。

3、52Framework

52 Framework是一套強大的前端開發(fā)框架，其能夠充分發(fā)揮HTML 5、CSS 3以及JavaScript的可觀潛能。這套框架當中捆綁有大量內(nèi)置功能，具體包括HTML 5視頻播放器、HTML 5表單驗證、CSS 3屬性、網(wǎng)格系統(tǒng)以及HTML 5 canvas示例等。

4、Twitter Bootstrap

Twitter Bootstrap是一套強大的前端框架，能夠利用HTML、CSS以及JavaScript快速簡單地實現(xiàn)Web應用開發(fā)任務。這套框架為開發(fā)人員提供一系列極具實用性的功能，具體包括一套12列響應式網(wǎng)格系統(tǒng)、JavaScript插件外加HTML元素等等。它還提供一系列可復用組件，從而實現(xiàn)導航、下拉菜單、面包屑導航、排版、提醒以及進度條等功能。

5、SproutCore

SproutCore是一款高人氣前端框架，且利用MVC架構(gòu)規(guī)范構(gòu)建而成。立足于HTML 5的強大能力，它允許我們通過高效客戶端邏輯與高質(zhì)量主題特性構(gòu)建出運行速度出色且具備可擴展能力的Web應用程序。

6、Foundation

Foundation是目前網(wǎng)絡社區(qū)內(nèi)應用范圍最廣的前端開發(fā)框架之一。這套框架能夠提供一系列覆蓋其網(wǎng)格系統(tǒng)的布局選項，同時具備多種現(xiàn)代功能特性，包括復雜布局、動畫效果、快速原型設計以及更多。它還提供數(shù)套內(nèi)置HTML模板，幫助大家快速開發(fā)出各類網(wǎng)站與網(wǎng)頁成果，具體包括電子商務首頁、旅行網(wǎng)站、在線雜志、博客站點以及產(chǎn)品頁面等。

7、Base

Base是一款輕量級、模塊化HTML/CSS框架，能夠幫助我們開發(fā)出各類極為出色的網(wǎng)站應用。Base的設計目標在于同各類新型與早期瀏覽器相兼容，并能夠順暢運行在各類移動設備之上，而這種能力也使其成為一套強大的跨平臺及響應式前端HTML 5框架。另外，Base框架還在其官方網(wǎng)站上提供一系列免費的單頁面網(wǎng)站設計模板供大家使用。

8、 Onsen UI

Onsen UI是一套基于元素的定制化HTML 5 UI框架，且具備響應式布局支持能力。這套框架提供相當廣泛的Web UI組件選項。它也支持PhoneGap與Cordova，意味著其能夠輕松完成混合型應用的開發(fā)任務。Onsen UI的最大優(yōu)勢在于能夠同jQuery庫或者Angular.js框架快速結(jié)合，從而顯著提高使用效率。

9、 Enyo

Enyo是一款先進的前端開發(fā)框架，適用于開發(fā)與原生應用類似的HTML 5應用。它還是一款極具人氣的跨平臺框架，目前被廣泛用于開發(fā)各類響應式與主流Web應用，具體包括blogWalker、E Notes、Groupon Mobile應用以及Confero等等。Enyo提供一系列功能特性，例如UI組件、功能部件、事件處理以及調(diào)試能力等等。

10、Ionic

Ionic是一套先進的HTML 5框架，主要用于混合型移動應用的開發(fā)工作。這套框架在Angular.js支持方面經(jīng)過優(yōu)化，且提供相當豐富的HTML、CSS以及JavaScript組件。其還擁有一套強大的命令行界面（簡稱CLI），其中的卓越功能包括 實時重載與日志記錄整合，這意味著我們能夠更為輕松地跨越不同平臺對Ionic應用進行開發(fā)、測試與部署。

總結(jié)陳詞：

HTML 5應用的開發(fā)難度要遠遠低于面向iOS或者Android系統(tǒng)平臺的原生應用開發(fā)難度。HTML 5方案的另一大優(yōu)勢在于，我們可以通過更為便捷的方式實現(xiàn)Web應用發(fā)布——相比之下，原生應用則只能接受審核以獲得在相關(guān)應用程序商店中的上架權(quán)。另外，與原生應用不同，我們也能夠很輕松地對HTML 5應用中的漏洞進行修復或者進行功能改進。然而，HTML 5應用缺少一部分原生應用引以為傲的重要特性，例如對本地設備功能的訪問能力以及安全的離線存儲模式。無論如何，HTML 5確實標志著一場效果顯著的移動開發(fā)技術(shù)革新，而我們也可以期待上述問題能夠在不久的未來一一得到解決。

原文標題：10 Best HTML5 Responsive Frameworks for Web Development

【51CTO譯稿，合作站點轉(zhuǎn)載請注明原文譯者和出處為51CTO.com】