初識HTML5

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互订,CSSJavaScript的,創(chuàng)建移動跨平臺移動應(yīng)用程序的快速開發(fā)平臺痘拆。它使開發(fā)者能夠利用IOS仰禽,Android,Palm错负,Symbian,WP7,WP8,BadaBlackberry智能手機的核心功能——包括地理定位坟瓢,加速器,聯(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)化而來点待。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市弃舒,隨后出現(xiàn)的幾起案子癞埠,更是在濱河造成了極大的恐慌,老刑警劉巖聋呢,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件苗踪,死亡現(xiàn)場離奇詭異,居然都是意外死亡削锰,警方通過查閱死者的電腦和手機通铲,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來器贩,“玉大人颅夺,你說我怎么就攤上這事∮忌裕” “怎么了吧黄?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長唆姐。 經(jīng)常有香客問我拗慨,道長,這世上最難降的妖魔是什么奉芦? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任赵抢,我火速辦了婚禮,結(jié)果婚禮上声功,老公的妹妹穿的比我還像新娘烦却。我一直安慰自己,他們只是感情好先巴,可當(dāng)我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布短绸。 她就那樣靜靜地躺著车吹,像睡著了一般。 火紅的嫁衣襯著肌膚如雪醋闭。 梳的紋絲不亂的頭發(fā)上窄驹,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天,我揣著相機與錄音证逻,去河邊找鬼乐埠。 笑死,一個胖子當(dāng)著我的面吹牛囚企,可吹牛的內(nèi)容都是我干的丈咐。 我是一名探鬼主播,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼龙宏,長吁一口氣:“原來是場噩夢啊……” “哼棵逊!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起银酗,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤辆影,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后黍特,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蛙讥,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年灭衷,在試婚紗的時候發(fā)現(xiàn)自己被綠了次慢。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡翔曲,死狀恐怖迫像,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情瞳遍,我是刑警寧澤侵蒙,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站傅蹂,受9級特大地震影響纷闺,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜份蝴,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一犁功、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧婚夫,春花似錦浸卦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽靴庆。三九已至,卻和暖如春怒医,著一層夾襖步出監(jiān)牢的瞬間炉抒,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工稚叹, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留焰薄,地道東北人。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓扒袖,卻偏偏與公主長得像塞茅,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子季率,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,724評論 2 351

推薦閱讀更多精彩內(nèi)容