進入HTML5

來自:http://dev.opera.com/articles/view/get-familiar-with-html5/

注:英文弱,本文非翻譯

介紹HTML5,對於這個名字,聽就聽得多,到底有什麼東西我真沒去認真看,感覺就是一個新的標準之類的東西,這些東西太多家了,難跟啊。不過之前有人問了一下2010年網絡有什麼大變化,我想HTML5應該是一個吧,最起碼個大瀏覽器已經開始裝備上他了,你說他重要嗎?

HTML5上一代是什麼?HTML4? 不對,是HTML4.01,也就是XHTML1.0 ,為什麼會這樣呢,我想大概就是因為XML吧,標準也太多了,只有那些網頁設計師和開發者會關注這些東西,不過HTML5,標準也出了不少版本,你看看不同的瀏覽器就會有不同的效果。

新的東西是有一定好處的:

首先,舊的東西可以繼續用,如markup,API。其次整合了很多技術吧,例如Flash、影片和一些複雜的javascript,以前可能需要瀏覽器某些插件支援,到了HTML5就直接支援了,對開發者設計者是不錯的消息。還有就是對動態網頁的支援提高了。

HTML5 的特色

1. 新的標籤(elements):

有讀過網頁設計的,應該都懂一些基本的html標籤,例如html, body之類,不過HTML5 多了一些標籤,可能是web2.0 的關係吧,新的標籤如header,nav,footer,article,time,這些標籤在blog經常出現(更多標籤可以看這裡),我都習慣了,不過這樣看起來會更加清晰。

2.表單(form)功能提升

在HTML4的年代,表單很簡單,假如要製作複雜的表單,就要用javascript,進行一系列的檢查判斷,進入html5,表單的類型增加了,例如有number:數字;range:範圍;date:日期表;color:顏色選擇器;search:搜尋等,看了有些心動了

查看更多介紹

3.視頻音頻的支援

視頻上雖然各大瀏覽器商還在爭吵不休,不過HTML5確實已經支援的,而且不再用object,embed這些麻煩的標籤,而是清晰的標籤:video,audio,只要影片格式符合標準,就可以直接用標籤,不在擔心瀏覽器有沒有flash player,media player了,只要支援HTML5就可以

4.繪圖(canvas)API:

繪圖,容易理解就是在網頁上畫圖,如線條,棒形圖之類,當然,這些需要有javascript基礎,2D,3D都可以,這點我沒用過,提供一些網站留著看

http://kb.operachina.com/node/190

http://dev.opera.com/articles/view/html-5-canvas-the-basics/

5.端口sockets api支援

說到socket應該與服務器有關,就是瀏覽器可以與服務器建立一個鏈接,那麼只要端口保持持續鏈接,數據就可以實時傳輸,不需要刷新頁面,效率應該很高。

http://dev.opera.com/articles/view/introducing-web-sockets/

6.離線瀏覽支援

這與傳統有些不同,之前的離線瀏覽,只是把網頁下載了下來,HTML5 同時保存了數據庫,允許離線繼續編輯保存在本地,等到連線後再更新到服務器上,也就是離線後不用怕檔案保存不了,這對雲端工作的人是一大保障。

7.網頁儲存

在第六點提到本地保存數據,HTML5 這一點功能很多,允許操作也很多,不再是以前的cookies了,而是客戶端的存取

http://dev.opera.com/articles/view/web-storage/

8.多線程支援

http://dev.opera.com/articles/view/web-workers-rise-up/

9地理位置API

這個應該很熟悉,可能是google 太強大了

HTML5 太好了,但是不要忘記了很多人還在用IE6,7,8,這些微軟出的爛產品。不過假如全力面向手機平台,可以不用理會,假如設計網頁,還是要考慮的哦。