導讀:HTML5為Web開發(fā)者提供了很多強大的新特性,本文向你介紹關于HTML5你不得不知道的五件事情。
1. HTML5并非是一整塊
你也許會問:“如果老的瀏覽器不支持HTML5我該如何開始呢?”這個問題本身就是具有誤導性的。HTML5并不是一大塊整體,而是一系列單獨特性的集合。所以你是不可能去檢測“HTML5支持性”的,因為根本就沒有這種東西存在。但是你可以測試對某些特性的支持,比如畫布功能、視頻功能、地理定位功能。
你可能認為HTML5是一系列標簽和尖括號。這的確是HTML5中很重要的部分,但并非全部。HTML5的定義還定義了如何讓這些尖括號通過文件對象模型(Document Object Model ,DOM)和Javascript交互。HTML5并不會只是定義一個<video>標記,同時還會有相應的針對相應視頻對象的DOM API。你可以使用這個API來檢測對不同視頻格式的支持,播放視頻、暫停、靜音、記錄下載進度,以及其他你需要圍繞著這個<video>
標記
用來構建豐富用戶體驗的功能。
Chapter 2以及Appendix A會將會你如何檢測對HTML5的各種新功能的支持性。
2. 你不需要丟棄現(xiàn)有的任何東西
不管是喜歡還是不喜歡,你都不可否認HTML4是有史以來最成功的標記格式。HTML5就是建立于它的成功之上。你不需要丟掉現(xiàn)有的標記。你不需要重新學習你已經(jīng)知道的東西。如果你的Web應用以前是用HTML4運行的,那么它現(xiàn)在在HTML5的標準之下仍然可以運行。
現(xiàn)在,如果你想要提升你的Web應用,你就找對了地方。這里有一個具體的例子:HTNL5支持所有來自于HTML4中對表單的控制,但它同時還包括了一些新的輸入控制。其中包括一些期待已久的功能,如滑塊和日期選擇器,另外還有些更微妙的。例如:郵件輸入類型看起來就像一個文本框,但是移動瀏覽器會定制它們屏幕上的界面以便讓輸入郵件地址更為容易。老的不支持郵件輸入類型的瀏覽器會將它仍然看做一個常規(guī)的文本域,表單在不對代碼做修改的情況下是可以正常進行的。這意味著你可以現(xiàn)在就提升你的Web表單,即使你的一些訪客還在使用IE 6.
你可以在Chapter 9中讀到關于HTML5表單的所有精彩細節(jié)。
3. 非常容易開始
“升級到”HTML5和改變你的doctype一樣簡單。Doctype應該已經(jīng)是每一個HTML頁面的第一行了,之前的HTML版本定義了很多doctypes,選擇正確的doctype是件很困難的事情。但是在HTML5中,只有一種doctype:
<!DOCTYPE html>
升級到HTML5的doctype不需要你改變現(xiàn)有的標記,因為所有在HTML4中定義的標簽在HTML5中仍然可以使用。但是現(xiàn)在,你可以使用新的語義元素,比如<article>, <section>,<header>和 <footer>。你可以在Chapter 3中看到所有關于這些新元素的內(nèi)容。
4.HTML5已經(jīng)在工作了
不管你自己是否想要利用HTML5在畫布上繪圖、播放視頻、設計更好的表單,或是構建能離線工作的Web應用,你會發(fā)現(xiàn)HTML5已經(jīng)得到良好的支持了。Firefox, Safari, Chrome, Opera以及移動瀏覽器都支持畫布(Chapter 4)、視頻(Chapter 5)、地理定位(Chapter 6)、本地存儲(Chapter 7),以及其他更多特性。Google已經(jīng)支持微觀數(shù)據(jù)的注解(microdata annotations ,Chapter 10)。甚至是Microsoft——很少會支持開放標準的公司——也將在即將上市的IE9中支持HTML5的大多數(shù)特性。
這本書的每一章都包括大家已經(jīng)非常熟悉的現(xiàn)有瀏覽器兼容性的內(nèi)容。但是更為重要的是,每一章都告訴你如果你需要支持老的瀏覽器,你該如何去做。HTML5的一些特性,比如地理定位(Chapter 6)和視頻(Chapter 5),最開始是由Gears 或是Flash等瀏覽器插件提供的。其他的一些特性,如畫布(Chapter 4),則完全可以由Javascript仿真實現(xiàn)。這本書會將會你如何能定位到最時新的瀏覽器的特性上,又不會置老的瀏覽器于不顧。
5. HTML5就是未來
Tim Berners-Lee在1990s年代早期發(fā)明了world wide web。他接下來創(chuàng)立了W3C作為Web標準的管家,這個組織扮演這個角色已超過15年了。下面是W3C在2009年對Web標準的預言:
今天,董事宣布,截至2009年底,當XHTML2工作組章程(XHTML 2 Working Group charter)屆滿時,章程將不再更新。通過這樣做,以及在HTML工作組(HTML Working Group)增加資源,W3C希望能加快HTML5的進展,并表明W3C對HTML的未來問題上的立場。
所以,HTML5就是未來。讓我們一起上來深入了解吧。
英文出自:diveintohtml5
譯文出自:WebAppTrend