HTML5是HTML最新的修訂版本挑势,2014年10月由萬維網(wǎng)聯(lián)盟(W3C)完成標(biāo)準(zhǔn)制定。
HTML5的設(shè)計目的是為了在移動設(shè)備上支持多媒體螟左。
HTML5 簡單易學(xué).
HTML5 是下一代 HTML 標(biāo)準(zhǔn)。
什么是 HTML5?
HTML , HTML 4.01的上一個版本誕生于 1999 年岂座。自從那以后,Web 世界已經(jīng)經(jīng)歷了巨變杭措。
HTML5 仍處于完善之中费什。然而,大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持手素。
HTML5 是如何起步的鸳址?
HTML5 是 W3C 與 WHATWG 合作的結(jié)果,WHATWG 指 Web Hypertext Application Technology Working Group。泉懦。
WHATWG 致力于 web 表單和應(yīng)用程序稿黍,而 W3C 專注于 XHTML 2.0。在 2006 年祠斧,雙方?jīng)Q定進行合作闻察,來創(chuàng)建一個新版本的 HTML。
HTML5 中的一些有趣的新特性:
用于繪畫的 canvas 元素
用于媒介回放的 video 和 audio 元素
對本地離線存儲的更好的支持
新的特殊內(nèi)容元素琢锋,比如 article辕漂、footer、header吴超、nav钉嘹、section
新的表單控件,比如 calendar鲸阻、date跋涣、time、email鸟悴、url陈辱、search
瀏覽器支持
最新版本的 Safari、Chrome细诸、Firefox 以及 Opera 支持某些 HTML5 特性沛贪。Internet Explorer 9 將支持某些 HTML5 特性。
如何使用HTML5
1.自己編寫大量的HTML5代碼
2.使用現(xiàn)成的框架
sencha-touch
Sencha簡介
前不久基于JavaScript編寫的Ajax框架ExtJS,將現(xiàn)有的ExtJS整合JQTouch震贵、Rapha?l庫利赋,推出適用于最前沿Touch Web的SenchaTouch框架,該框架是世界上第一個基于HTML5的MobileApp框架猩系。同時媚送,ExtJS更名為Sencha,JQTouch的創(chuàng)始人DavidKaneda寇甸,以及Rapha?l的創(chuàng)始人也已加盟Sencha團隊塘偎。
Sencha特性
Sencha Touch可以讓你的Web App看起來像Native App疗涉。美麗的用戶界面組件和豐富的數(shù)據(jù)管理,全部基于最新的HTML5和CSS3的 WEB標(biāo)準(zhǔn)吟秩,全面兼容Android和Apple iOS設(shè)備博敬。下面是Sencha官方給出的幾點特性
1.基于最新的WEB標(biāo)準(zhǔn) – HTML5,CSS3峰尝,JavaScript。整個庫在壓縮和gzip后大約80KB收恢,通過禁用一些組件還會使它更小武学。
2.支持世界上最好的設(shè)備。Beta版兼容Android和iOS伦意,Android上的開發(fā)人員還可以使用一些專為Android定制的主題火窒。
3.增強的觸摸事件。在touchstart驮肉、touchend等標(biāo)準(zhǔn)事件基礎(chǔ)上熏矿,增加了一組自定義事件數(shù)據(jù)集成,如tap离钝、swipe票编、pinch、rotate等卵渴。
4.數(shù)據(jù)集成慧域。提供了強大的數(shù)據(jù)包,通過Ajax浪读、JSONp昔榴、YQL等方式綁定到組件模板,寫入本地離線存儲碘橘。
phoneGap
PhoneGap是一個用基于HTML互订,CSS和JavaScript的,創(chuàng)建移動跨平臺移動應(yīng)用程序的快速開發(fā)平臺痘拆。它使開發(fā)者能夠利用IOS仰禽,Android,Palm错负,Symbian,WP7,WP8,Bada和Blackberry智能手機的核心功能——包括地理定位坟瓢,加速器,聯(lián)系人犹撒,聲音和振動等折联,此外PhoneGap擁有豐富的插件,可以調(diào)用识颊。業(yè)界很多主流的移動開發(fā)框架均源于PhoneGap诚镰。較著名的有Worklight奕坟、appMobi、WeX5等清笨;其中WeX5為國內(nèi)打造月杉,完全Apache開源,在融合Phonegap的基礎(chǔ)上抠艾,做了深度優(yōu)化苛萎,具備接近Native app的性能,同時開發(fā)便捷性也較好检号。
jQuery mobile
簡單介紹
今天腌歉,jQuery 驅(qū)動著 Internet 上的大量網(wǎng)站,在瀏覽器中提供動態(tài)用戶體驗齐苛,促使傳統(tǒng)桌面應(yīng)用程序越來越少∏谈牵現(xiàn)在,主流移動平臺上的瀏覽器功能都趕上了桌面瀏覽器凹蜂,因此 jQuery 團隊引入了 jQuery Mobile(或 JQM)馍驯。JQM 的使命是向所有主流移動瀏覽器提供一種統(tǒng)一體驗,使整個 Internet 上的內(nèi)容更加豐富 — 不管使用哪種查看設(shè)備玛痊。
JQM 的目標(biāo)是在一個統(tǒng)一的UI中交付超級JavaScript功能汰瘫,跨最流行的智能手機和平板電腦設(shè)備工作。與 jQuery 一樣擂煞,JQM 是一個在 Internet 上直接托管吟吝、免費可用的開源代碼基礎(chǔ)。事實上颈娜,當(dāng) JQM 致力于統(tǒng)一和優(yōu)化這個代碼基時剑逃,jQuery 核心庫受到了極大關(guān)注。這種關(guān)注充分說明官辽,移動瀏覽器技術(shù)在極短的時間內(nèi)取得了多么大的發(fā)展蛹磺。
與 jQuery 核心庫一樣,您的開發(fā)計算機上不需要安裝任何東西同仆;只需將各種 *.js 和 *.css 文件直接包含到您的 web 頁面中即可萤捆。這樣,JQM 的功能就好像被放到了您的指尖俗批,供您隨時使用俗或。
bootstrap
Bootstrap,來自 Twitter岁忘,是目前很受歡迎的前端框架辛慰。Bootstrap 是基于 HTML、CSS干像、JAVASCRIPT 的帅腌,它簡潔靈活驰弄,使得 Web 開發(fā)更加快捷。[1]它由Twitter的設(shè)計師Mark Otto和Jacob Thornton合作開發(fā)速客,是一個CSS/HTML框架戚篙。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范,它即是由動態(tài)CSS語言Less寫成溺职。Bootstrap一經(jīng)推出后頗受歡迎岔擂,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目浪耘。[2]國內(nèi)一些移動開發(fā)者較為熟悉的框架智亮,如WeX5前端開源框架等,也是基于Bootstrap源碼進行性能優(yōu)化而來点待。