HTML5新手入門指南

　　Application tags – 也是新的標籤，像是、 等

　　Microdata – 加入語意的資料讓搜尋引擎等網站可以正確顯示

　　Form type –

可以加入的type便多了，包含email和tel等屬性，浏覽器會協助進行資料格式的驗證

　　多媒體

　　Audio、Video的標簽支援以及Canvas的功能應該是大家對於HTML5最熟悉的部份了，也是許多人認為Flash會被取代的主要原因。

　　Audio video – 影片和音樂的塬生播放支援

　　Canvas – 2D的繪圖功能支援

　　Canvas 3D – 3D的繪圖功能支援

　　SVG – 向量圖支援

　　CSS 3

　　CSS3支援了字體的嵌入、版面的排版，以及最令人印象深刻的動畫功能。

　　Selector – 更有彈性的選擇器

　　Webfonts – 嵌入式字體

　　Layout – 多樣化的排版選擇

　　Stlying radius gradient shadow – 圓角、漸層、陰影

　　Border background – 邊框的背景支援

　　Transition – 元件的移動效果

　　Transform – 元件的變形效果

　　Animation – 將移動和變形加入動畫支援

　　JavaScript

　　在比較JavaScript的基本面也新增了DOM的API、和浏覽器上下頁的紀錄修改。

　　DOM API – 更方便的查詢DOM元件

　　History API – 浏覽器的上下頁內容修改，方便AJAX可以保留浏覽記錄

　　現在就開始用HTML5

　　截至目前而言，主流的網頁浏覽器Firefox 5、Chrome 12和Safari 5都已經支援了許多的HTML5標準，而且目前最新版的IE 9也支援了許多HTML5標準，隨著使用者陸續升級到新版的浏覽器，開發者應該在現在就可以著手開發!

　　而對於舊的浏覽器相容性而言，先前Inside曾經撰文介紹過的CSS3 Pie便是一個讓舊版浏覽器也能支援CSS 3功能的JavaScript函式庫。

　　而Modernizer也是一個相當重要的JavaScript函式庫，提供開發者輕鬆的方式判別目前使用者的浏覽器是否有支援特定的HTML5功能。

　　學習的方向

　　在看完本篇文章之後，大家或許可以針對自己有興趣的方面透過關鍵字搜尋去尋找相關的學習資源以及內容。

　　Google的HTML5Rocks網站也是我相當推薦的，其中的透過HTML5開發的HTML5介紹投影片更是值得一看，可以將上述的內容都實際試玩(推薦使用Chrome浏覽器以獲得完整的功能效果)。

　　文章來源：INSIDE