如今,HTML5已經(jīng)被全世界的網(wǎng)站設計師和開發(fā)者所接受。HTML5被稱為是web開發(fā)的未來可不是空穴來風。HTML5將語義化編程推到了新的高度。通過HTML5,開發(fā)者可以用更加簡單易懂的單詞來編寫他們的網(wǎng)頁應用。比如,HTML5推薦使用<strong>標簽而不是<b>標簽來加粗文本。不僅如此,HTML5還提供了對媒體(media)的強大的支持,簡化了媒體密集型web應用的創(chuàng)建過程。最重要的一點便是HTML5比它的前輩們更好地支持響應式網(wǎng)站設計。如今已經(jīng)是響應式網(wǎng)站設計的時代,用戶不再僅通過寬大的電腦屏幕來訪問網(wǎng)站了。
框架能夠大幅簡化設計者和開發(fā)者的工作。筆者搜集了10個廣受好評的HTML5響應式web開發(fā)框架推薦給大家,希望可以幫助大家構(gòu)建更多響應式網(wǎng)站。
GroundworkCSS2
GroundworkCSS2是一個結(jié)合了HTML5、CSS和JavaScript的響應式框架,它針對不同的臺式機、智能手機和平板設計了一個響應式的柵格系統(tǒng)。它的官方網(wǎng)站提供了大量的應用實例和文檔來幫助開發(fā)者了解該框架。同時,官網(wǎng)還提供了多種模板,包括標準網(wǎng)站、電子商務網(wǎng)站和圖片展示型網(wǎng)站等等。另外,它還具有諸如支持響應式文本和輕松定制化等特征。
![](/d/20211016/9951badde888de185fa20600163a80be.gif)
MontageJS
MontageJS是一個注重促進開發(fā)高性能高拓展性web應用的HTML5框架。該框架提供了面向組件的HTML模板,將組件從JavaScript和CSS中獨立出來。另外,它還提供一種模塊化的方式來重用組件和組織代碼。
![](/d/20211016/bdc29c0a3e55484d6bb4603af08c259d.gif)
52Framework
52Framework是一個結(jié)合了HTML5、CSS3和JavaScript的強大的前端框架。該框架提供了一些封裝好的內(nèi)置工具,包括HTML5視頻播放器、HTML5表單驗證器,CSS3屬性工具、柵格系統(tǒng)和HTML5畫布示例等。
![](/d/20211016/75b79c534a9043cf79e92d0514cb9d2a.gif)
Twitter Bootstrap
Twitter Bootstrap是一個結(jié)合了HTML、CSS和JavaScript的強大的前端框架,用于加速并簡化web應用開發(fā)。該框架提供給開發(fā)者一些實用的功能,包括12列的響應式柵格系統(tǒng)、JavaScript插件和多種控件等等。同時,它還為導航欄、下拉菜單、面包屑導航欄、排版、警告和進度條等功能提供了一些可重用的組件, 非常的實用。
![](/d/20211016/21fda5023d659caed06705bdce1fc0c5.gif)
SproutCore
SproutCore是一個基于MVC架構(gòu)的前端框架。它結(jié)合了HTML5,允許開發(fā)者通過客戶端邏輯和高質(zhì)量的主題來構(gòu)建快速、可拓展的web應用
![](/d/20211016/40cf2538d37ffed6e3bb02e2268b5c66.gif)
Foundation
Foundation是一個有著在線社區(qū)支持的前端開發(fā)框架,通過柵格系統(tǒng)和其他一些特性提供了一系列布局功能、包括復雜的布局、動畫特效、快速原型化等等。
另外,它還提供了一些內(nèi)置的HTML模板用于開發(fā)不同的頁面,包括電子商務主頁模板、旅行網(wǎng)站模板、在線雜志模板、博庫網(wǎng)站模板和產(chǎn)品介紹頁面模板等等。
![](/d/20211016/7a696c1e4707ed061ffcd57d825de750.gif)
Base
Base是一個輕量級的模塊化的HTML/CSS前端框架,用于開發(fā)支持新舊瀏覽器和移動設備等多平臺的跨平臺響應式的web應用。
![](/d/20211016/b0247bbfa98be16a5ef33d4a26e516f3.gif)
Onsen UI
Onsen UI是一個支持響應式布局的基于HTML5元素定制的UI框架,提供多種基于web的UI組件,并支持PhoneGap和Cordova的混合APP開發(fā)。它的高效得益于它結(jié)合了jQuery庫和Angular.js框架。
![](/d/20211016/c4b2fd57e971cdd3873095bd6105cdcf.gif)
Enyo
Enyo是一個用于開發(fā)原生HTML5應用的前端框架。很多響應式的web應用都是利用Enyo開發(fā)的,包括blogWalker, E Notes, Groupon Mobile app和Confero。Enyo提供一系列特性,包括UI組件、實用工具、事件處理和調(diào)試等
![](/d/20211016/4026c65993e9982dce03c1f6772a7ebe.gif)
Ionic
Ionic是一個用于構(gòu)建混合移動應用的先進的HTML5框架。該框架最適合用于基于AngularJS的應用開發(fā),并提供一系列HTML,CSS和JavaScript組件。它提供了一個強大的命令行工具,包含實時更新和內(nèi)建日志等功能,便于在不同的平臺開發(fā)、測試和部署Ionic應用。
![](/d/20211016/8eb9774a38f3e69e8dc6501b5eeaa527.gif)
以上就是為大家分享的10個HTML5響應式框架,希望大家喜歡。