HTML5則包含了HTML、CSS和JavaScript三個部分
HTML5透過JavaScript提供了數種不同的離線儲存功能，相對於傳統的Cookie而言有更好的彈性以及架構，並且可以儲存更多的內容。
WebStorage -- 比Cookies更大、更有彈性的的儲存
Web SQL Database -- 本地端的SQL資料庫
Indexed DB -- Key-value的本地資料庫
Application Cache -- 將部分常用的網頁內容cache起來
Drag'n Drop -- HTML元素的拖拉
File API -- 讀取使用者本機電腦的內容
Geolocation -- 地理定位
Device orientation -- 手持裝置的方向
Speech input -- 語音輸入
Audio、Video的標籤支援以及Canvas的功能應該是大家對於HTML5最熟悉的部份了，也是許多人認為Flash會被取代的主要原因。
CSS3支援了字體的嵌入、版面的排版，以及最令人印象深刻的動畫功能。
而Modernizer也是一個相當重要的JavaScript函式庫，提供開發者輕鬆的方式判別目前使用者的瀏覽器是否有支援特定的HTML5功能。
Google的HTML5Rocks網站也是我相當推薦的 http://www.html5rocks.com/en/
其中的透過HTML5開發的HTML5介紹投影片更是值得一看，http://slides.html5rocks.com/#landing-slide
<canvas> 標記
定義和用法：
<canvas> 標籤定義圖形，比如圖表和其他圖像。
實例：
如何通過canvas 元素來顯示一個紅色的矩形：
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
什麼是 Canvas？
HTML5 的canvas 元素使用JavaScript 在網頁上繪製圖像。
畫布是一個矩形區域，您可以控制其每一像素。
canvas 擁有多種繪製路徑、矩形、圓形、字符以及添加圖像的方法。