一.video

1.目的：减少外部插件的需求，如flash。

2.视频格式：Safari，IE9+只支持MPEG4格式。

3.属性：（1）width，height：宽，高。（2）src：视频路径（3）autoplay：视频加载完自动播放。（4）preload：视频在页面加载完自动播放，有autoplay属性会忽略。（5）controls:显示控件，如播放按钮（6）loop：循环播放

4.方法：（1）pause（）：暂停（2）play（）：播放

二.audio

1.目的：减少外部插件的需求，如flash。

2.音频格式：safria:只能是wav和MP3格式；IE9+：只能是MP3格式

3.属性：（1）src：音频来源。（2）loop：循环播放。（3）autoplay：就绪后播放。（4）preload：页面加载完播放，会忽略autoplay属性。

三.拖放

 四.canvas

     
    
          Your browser does not support the canvas element. 
    

五.svg 1.优点： (1)可升缩矢量图 (2)使用xml格式定义图片 (3)矢量图，不会失真。 (4)可通过文本编辑器来创建和修改 (5)可被搜索、索引、脚本化或压缩 (6)可直接嵌入HTML5 六.Geolocation

 获取您的坐标 
    
     nihao
    
    七.离线存储 1.localStorage:没有时间限制的数据存储。 2.sessionStorage：针对一个session的数据存储。 之前用的cookie不适合大量数据的存储，且它们由每个对服务器的请求来传递。

<script type="text/javascript">

//计数，关闭页面计数重置

if (sessionStorage.pagecount)

{

sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;

}

else

{

sessionStorage.pagecount=1;

}

document.write("Visits " + sessionStorage.pagecount + " time(s) this session.");

</script>

八.应用程序缓存 1.除了IE都支持该属性 2.减少服务器负载 九.表单控件： 1.autocomplete:当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项。 2.list:规定输入域datalist.

Webpage: