Html 5 淺顯概述

2011年5月3日

HTML5是一項新的網頁技術，它的出現使得過去使用js,flash開發的網站擁有了另一個選則，其中HTML5與HTML4的差別在於它新增了幾項功能

1. Canvas/SVG

2. Video

3. Geolocation

4. App cache & Database

5. Web workers

5 > 4

The canvas element for immediate mode 2D drawing

Timed media playback

Offline storage database (offline web applications)

Document editing

Drag-and-drop (gmail上傳圖片可以看出此功能)

Cross-document messaging (web messaging)

Browser history management

過去html4都是使用div標籤來將不同區塊作分隔

而HTML5則是擁有自己的塊標籤來區分

一個簡單的canvas例子

<!DOCTYPE html>

<html>

<body>

</canvas>

var canvas = document.getElementById('myCanvas');

var ctx = canvas.getContext('2d');

ctx.fillStyle = "rgb(200,0,0)";

ctx.fillRect (10, 10, 55, 50);

ctx.fillStyle = "rgba(0, 0, 200, 0.5)";

ctx.fillRect (30, 30, 55, 50);

</script>

</body>

</html>

ITseer - 資訊知識分享 | 程式技術討論