What’s New in HTML5
演講大綱
什麼是 HTML5?
Web 標準演進史
HTML5 標準
W3C HTML5 標準(草稿)
HTML5 新標籤
廣義的HTML5: 新網頁技術的統稱
一份標準的 HTML5 文件
使用 HTML5 新標籤做 Layout
透過 JavaScript 在網頁上畫圖
<canvas> 範例
Sample: everytimezone.com
http://mugtug.com/sketchpad/
內嵌影片
<video> 語法
內嵌音樂
透過 JavaScript 控制 <video>/<audio>
向量圖形 (SVG) 支援
SVG Sample
CSS3
CSS3 是另一套標準
圓角框線
顏色
Media Query
CSS3 2D轉換
CSS3 漸層
CSS 多欄排版
CSS3 浮動區塊
CSS3 格子 (grid) 對齊
Web APIs
Selectors API
Geolocation API
離線資料存取
Web Storage
Web Database
Microsoft’s HTML5 Approach
漸進式支援 HTML5 標準
http://html5labs.com
WebSockets Draft
微軟開發工具的支援
傳統瀏覽器支援
手扶梯 vs. 電梯
舊瀏覽器支援新標籤
以<video>為例
以 border-radius 為例
Modernizr
http://ietestdrive.com