What’s New in HTML5.

Presentation on theme: "What’s New in HTML5."— Presentation transcript:

1 What’s New in HTML5

2

3 演講大綱

4 什麼是 HTML5?

5 Web 標準演進史

6 HTML5 標準

7 W3C HTML5 標準（草稿）

8 HTML5 新標籤

9 廣義的HTML5: 新網頁技術的統稱

10 一份標準的 HTML5 文件

11 使用 HTML5 新標籤做 Layout

12 透過 JavaScript 在網頁上畫圖

13 <canvas> 範例

14 Sample: everytimezone.com

15

16 內嵌影片

17 <video> 語法

18 內嵌音樂

19 透過 JavaScript 控制 <video>/<audio>

20 向量圖形 (SVG) 支援

21 SVG Sample

22 CSS3

23 CSS3 是另一套標準

24 圓角框線

25 顏色

26 Media Query

27 CSS3 2D轉換

28 CSS3 漸層

29 CSS 多欄排版

30 CSS3 浮動區塊

31 CSS3 格子 (grid) 對齊

32 Web APIs

33 Selectors API

34 Geolocation API

35 離線資料存取

36 Web Storage

37 Web Database

38 Microsoft’s HTML5 Approach

39 漸進式支援 HTML5 標準

40

41 WebSockets Draft

42 微軟開發工具的支援

43 傳統瀏覽器支援

44 手扶梯 vs. 電梯

45 舊瀏覽器支援新標籤

46 以<video>為例

47 以 border-radius 為例

48 Modernizr

49