全方位了解HTML5

1、 全方位了解html5隨著web技術(shù)的發(fā)展，html 標(biāo)準(zhǔn)自1999年12月發(fā)布的 html 4.01 后，后繼的 html 5 和其它標(biāo)準(zhǔn)被束之高閣，為了推動(dòng)web標(biāo)準(zhǔn)化運(yùn)動(dòng)的發(fā)展，一些公司聯(lián)合起來，成立了一個(gè)叫做 web hypertext application technology working group （web 超文本應(yīng)用技術(shù)工作組 - whatwg） 的組織，html5草案的前身名為 web applications 1.0，於2004年被 whatwg 提出，於2007年被 w3c 接納，并成立了新的 html 工作團(tuán)隊(duì)。html 5 的第一份正式草案已于2008年1月22

2、日公布。2010年9月22正式向公眾推薦。html 5有兩大特點(diǎn)：首先，強(qiáng)化了 web 網(wǎng)頁的表現(xiàn)性能。其次，追加了本地?cái)?shù)據(jù)庫等 web 應(yīng)用的功能。具體如下：擴(kuò)展體驗(yàn)html5草案的前身名為web applications 1.0。於2004年被whatwg提出，於2007年被w3c接納，并成立了新的html工作團(tuán)隊(duì)。在2008年1月22日，第一份正式草案已公布,預(yù)計(jì)將在2010年9月正式向公眾推薦。whatwg表示該規(guī)范是目前正在進(jìn)行的工作，仍須多年的努力。新標(biāo)記html5 提供了一些新的元素和屬性，例如（網(wǎng)站導(dǎo)航塊）和。這種標(biāo)簽將有利于搜索引擎的索引整理，同時(shí)更好的 幫助小屏幕裝置和視障

3、人士使用，除此之外，還為其他瀏覽要素提供了新的功能，如和標(biāo)記。一些過時(shí)的html4標(biāo)記將被取消。其中包括純粹顯示效果的標(biāo)記，如和，它們已經(jīng)被css取代。html5: 標(biāo)簽的改變html5 吸取了 xhtml 2 的一些建議，包括一些用來改善文檔結(jié)構(gòu)的功能，比如，新的 html 標(biāo)簽 header, footer, dialog, aside, fugure 等的使用，將使內(nèi)容創(chuàng)作者更加語義地創(chuàng)建文檔，之前的開發(fā)者在這些場(chǎng)合是一律使用 div 的。html5 還包含了一些將內(nèi)容和展示分離的努力，開發(fā)者們也許會(huì)驚訝，b 和 i 標(biāo)簽依然存在，但它們的意義已經(jīng)和之前有所不同，這些標(biāo)簽的意義只是為了將

4、一段文字標(biāo)識(shí)出來，而不是為了為它們?cè)O(shè)置粗體或斜體式樣。u，font，center，strike 這些標(biāo)簽則被完全去掉了。新標(biāo)準(zhǔn)適用了一些全新的表單輸入對(duì)象，包括日期，url，email 地址，其它的對(duì)象則增加了對(duì)非拉丁字符的支持。html5 還引入了微數(shù)據(jù)，一種使用機(jī)器可以識(shí)別的標(biāo)簽標(biāo)注內(nèi)容的方法，使語義 web 的處理更為簡(jiǎn)單?？偟膩碚f，這些與結(jié)構(gòu)有關(guān)的改進(jìn)使內(nèi)容創(chuàng)建者可以創(chuàng)建更干凈，更容易管理的網(wǎng)頁，這樣的網(wǎng)頁對(duì)搜索引擎，對(duì)讀屏軟件等更為友好。新應(yīng)用程序接口（api）除了原先的dom接口，html5增加了更多api,如：1. 用于即時(shí)2d繪圖的canvas標(biāo)簽2. 定時(shí)媒體回放3. 離線數(shù)

5、據(jù)庫存儲(chǔ)4. 文檔編輯5. 拖拽控制6. 瀏覽歷史管理與html 4的不同之處新的解析順序新的元素：section, video, progress, nav, meter, time, aside, canvasinput元素的新屬性：日期和時(shí)間，email, url。新的通用屬性：ping, charset, async全域?qū)傩裕篿d, tabindex, repeat。移除元素：center, font, strike。html 5有兩大特點(diǎn):首先，強(qiáng)化了web網(wǎng)頁的表現(xiàn)性能。除了可描繪二維圖形外，還準(zhǔn)備了用于播放視頻和音頻的標(biāo)簽。其次，追加了本地?cái)?shù)據(jù)庫等web應(yīng)用的功能。異常處理htm

6、l5(text/html)瀏覽器將在錯(cuò)誤語法的處理上更加靈活。html5在設(shè)計(jì)時(shí)保證舊的瀏覽器能夠安全的忽略掉新的html5代碼。與html4.01相比，html5給出了解析的詳細(xì)規(guī)則，力圖讓不同的瀏覽器即使在發(fā)生語法錯(cuò)誤時(shí)也能返回相同的結(jié)果。html 5 正在改變 webhtml5 是近十年來 web 標(biāo)準(zhǔn)最巨大的飛躍。和以前的版本不同，html 5 并非僅僅用來表示 web 內(nèi)容，它的使命是將 web 帶入一個(gè)成熟的應(yīng)用平臺(tái)，在這個(gè)平臺(tái)上，視頻，音頻，圖象，動(dòng)畫，以及同電腦的交互都被標(biāo)準(zhǔn)化。盡管 html 5 的實(shí)現(xiàn)還有很長(zhǎng)的路要走，但 html 5 正在改變 web。html 最近的一次

7、升級(jí)是1999年12月發(fā)布的 html 4.01。自那以后，發(fā)生了很多事。最初的瀏覽器戰(zhàn)爭(zhēng)已經(jīng)結(jié)束，netscape 灰飛煙滅，ie5 作為贏家后來又發(fā)展到 ie6, ie7。mozilla firefox 從 netscape 的死灰中誕生，并躍居第二位。蘋果和 google 各自推出自己的瀏覽器，而小家碧玉的 opera 仍然嚶嚶嗡嗡地活著，并以推動(dòng) web 標(biāo)準(zhǔn)為己命。我們甚至在手機(jī)和游戲機(jī)上有了真正的 web 體驗(yàn)，感謝 opera，iphone 以及 google 已經(jīng)推出的 android。然而這一切，僅僅讓 web 標(biāo)準(zhǔn)運(yùn)動(dòng)變得更加混亂，html 5 和其它標(biāo)準(zhǔn)被束之高閣，結(jié)果，

8、html 5 一直以來都是以草案的面目示人。于是，一些公司聯(lián)合起來，成立了一個(gè)叫做 web hypertext application technology working group （web 超文本應(yīng)用技術(shù)工作組 - whatwg） 的組織，他們將重新揀起 html 5。這個(gè)組織獨(dú)立于 w3c，成員來自 mozilla， khtml/webkit 項(xiàng)目組，google，apple，opera 以及微軟。盡管 html 5 草案不會(huì)在短期內(nèi)獲得認(rèn)可，但 html 5 總算得以延續(xù)。html 5 將帶來什么？以下是 html 5 草案中最激動(dòng)人心的部分：全新的，更合理的 tag，多媒體對(duì)象將不

9、再全部綁定在 object 或 embed tag 中，而是視頻有視頻的 tag，音頻有音頻的 tag。本地?cái)?shù)據(jù)庫。這個(gè)功能將內(nèi)嵌一個(gè)本地的 sql 數(shù)據(jù)庫，以加速交互式搜索，緩存以及索引功能。同時(shí)，那些離線 web 程序也將因此獲益匪淺。不需要插件的富動(dòng)畫。canvas 對(duì)象將給瀏覽器帶來直接在上面繪制矢量圖的能力，這意味著我們可以脫離 flash 和 silverlight，直接在瀏覽器中顯示圖形或動(dòng)畫。一些最新的瀏覽器，除了 ie，已經(jīng)開始支持 canvas。瀏覽器中的真正程序。將提供 api 實(shí)現(xiàn)瀏覽器內(nèi)的編輯，拖放，以及各種圖形用戶界面的能力。內(nèi)容修飾 tag 將被剔除，而使用 cs

10、s。理論上講，html 5 是培育新 web 標(biāo)準(zhǔn)的土壤，讓各種設(shè)想在他的組織者之間分享，但 html 5 目前仍處于試驗(yàn)階段。mozilla 的技術(shù)副總裁 mike shaver 說，html 5 是一個(gè)被寄予厚望的概念，它既是 whatwg 組織的實(shí)驗(yàn)田，又是 w3c 的標(biāo)準(zhǔn)之路。shaver 認(rèn)為，mozilla 的興趣和 whatwg 實(shí)驗(yàn)相吻合，mozilla 在 html 5 工作組中非?；钴S，我們對(duì)一些早期的細(xì)則進(jìn)行實(shí)驗(yàn)并將成熟的結(jié)果提交 w3c。在過去的幾年，mozilla 隨著各種出現(xiàn)的新標(biāo)準(zhǔn)，推出多個(gè)富有前瞻性的項(xiàng)目，包括 prism，一個(gè)用于離線運(yùn)行 web 程序的系統(tǒng)，

11、以及 weave，一個(gè)數(shù)據(jù)存儲(chǔ)框架。shaver 說，html 5 運(yùn)動(dòng)肇始于對(duì) w3c 的不耐煩，web 標(biāo)準(zhǔn)中的很多進(jìn)展都因 w3c 將重點(diǎn)從 html 轉(zhuǎn)移到 xml 而停滯不前。很多基于 xml 架構(gòu)的新技術(shù)被設(shè)計(jì)出來替代 html，shaver 說，這不是一條正確的道路，人們不應(yīng)象黑瞎子掰玉米把樣一邊掰一邊丟。html 5 的新實(shí)驗(yàn)在 firefox 以及 基于 webkit 的 safari 和 chrome 瀏覽器中逐漸得到強(qiáng)化，但仍有不少問題。chrome 的開發(fā)者 darin fisher 說，chrome 仍在襁褓中時(shí)，就不得不面臨幾個(gè)問題，盡管使用的是最新的 webkit

12、，html 5 的本地?cái)?shù)據(jù)庫功能在 chrome 的初期版本中并沒有實(shí)現(xiàn)。因?yàn)?chrome 的沙箱機(jī)制和 webkit 的數(shù)據(jù)庫功能有沖突。而由于 chrome 屬于秘密開發(fā)，chrome 的開發(fā)人員也不便參與 webkit 的開發(fā)。我們要想保守 chrome 的秘密，就無法參與 webkit 社區(qū)。fisher 說，我們很希望可以在某些方面給 webkit 以幫助，我們擁有眾多經(jīng)驗(yàn)豐富的開發(fā)者，我們很想知道人們目前遇到的挑戰(zhàn)并樂意提供幫助。隨著 chrome 的發(fā)布，fisher 說他的團(tuán)隊(duì)成員有時(shí)會(huì)和 webkit 的人一起吃飯，有些人私下里還成了好朋友。fisher 稱，他們迫切地想同

13、其他 webkit 開發(fā)組一起工作解決離線數(shù)據(jù)庫的問題。chrome 里面還包含google 的開源 gears 技術(shù)，用來實(shí)現(xiàn)與 html 5 類似的離線功能。gears 可以看作已有 api 的替代品，fisher 說，html 5 對(duì)新瀏覽器來說是非常好的東西，但絕大多數(shù)用戶還使用舊瀏覽器。gears 可以讓那些舊瀏覽器也獲得這樣的 api，我們正在為 html 5 版 api 提供兼容。gears 兼容性非常好，它正成為將 html 5 帶向人們桌面的另外一條途徑。目前，絕大多數(shù)工作由 apple，mozilla, opera, google 以及 trolltech 展開。微軟在干什么？ie 因其對(duì) web 標(biāo)準(zhǔn)的遲鈍而聞名，更不要說 html 5。但 ie8 可能會(huì)做出改變。微軟 ie 平臺(tái)與 what 工作組主席 chris wilson 在郵件中稱，我們希望我們現(xiàn)在開始的工作可以在 html 工作組創(chuàng)建一套測(cè)試系統(tǒng)。wilson 說，ie 開發(fā)組仍然對(duì) html 5 的一些提議感到擔(dān)憂。我覺得工作組的所有成員都會(huì)承認(rèn)我們還有很多事要做。目前