Html5 新特性

Html5 新特性：

1. 用于绘画的 canvas 元素
2. 用于媒介回放的 video 和 audio 元素
3. 对本地离线存储的更好的支持
4. 新的特殊内容元素，比如 article、footer、header、nav、section
5. 新的表单控件，比如 calendar、date、time、email、url、search

1. 视频

<video src="movie.ogg" controls="controls"></video>

2. 音频

<audio src="song.ogg" controls="controls"></audio>

3. 画布

<canvas id="myCanvas" width="200" height="100"></canvas>

canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成：

<script type="text/javascript">
    var c=document.getElementById("myCanvas");  //寻找 canvas 元素
    var cxt=c.getContext("2d");  //创建 context 对象
    cxt.fillStyle="#FF0000";
    cxt.fillRect(0,0,150,75);
</script>

Web 存储

两种在客户端存储数据的新方法：
1. localStorage ：没有时间限制的数据存储
2. sessionStorage ：针对一个 session 的数据存储

在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。