1：HTML5视频 video
<video src="movie.ogg" width="300" height="300" controls="controls"></video>
video元素允许多个source元素。source元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式。
<video> width="300" height="300" controls="controls">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
Your browser does not
</video>
元素-----使用DOM进行控制，拥有方法，属性，事件。
2：HTML5音频 audio
<audio src="song.ogg" controls="controls"></audio>
audio元素允许多个source元素。source元素可以链接不同的音频文件，浏览器将使用第一个可识别的格式。
<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
</audio>
3：HTML5 拖放 Drag和Drop 拖放是一种常见的特性，即抓取对象以后拖到另外一个位置。
任何元素都能够拖放。
首先，为了使元素可拖动，把draggable属性设置为true。
<img draggable="true" />
4：HTML5 画布 canvas
canvas元素本身是没有绘图能力的，所有的绘制工作必须在javascript内部完成。
<canvas id="mycanvas" width="200" height="200"></canvas>
5：HTML5 内联 SVG
SVG是指可伸缩矢量的图形。
SVG用于定义用于网络的基于矢量的图形。
SVG使用XML格式定义图形。
SVG图像在放大或改变尺寸的情况下其图形质量不会有损失。
SVG是外维网联盟的标准。
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
<polygon points="100,10 40,180 190,60 10,60 160,180"
style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>
6：HTML5 地理定位 Geolocation
使用getCurrentPosition()方法来获得用户的位置。
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
x.innerHTML="Latitude: " + position.coords.latitude +
"<br />Longitude: " + position.coords.longitude;
}
</script>
7：HTML5 Web存储
提供了两种在客户端存储数据的新方法：
localStorage 没有时间限制的数据存储。第二天，一周以后，数据依然可用。
sessionStorage 针对一个session的数据存储。当用户关闭浏览器窗口后，数据会被删除。
之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。
8：HTML5 应用程序缓存 cache manifest 创建web应用的离线版本。
如需启动应用程序缓存，请在文档的标签中包含manifest属性：
<!DOCTYPE HTML>
<html manifest="demo.appcache">
...
</html>
每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性，则页面不会被缓存（除非在 manifest 文件中直接指定了该页面）。
manifest 文件的建议的文件扩展名是：".appcache"。
请注意，manifest 文件需要配置正确的 MIME-type，即 “text/cache-manifest”。必须在 web 服务器上进行配置。
9：HTML5 Web Workers web worker 是运行在后台的 JavaScript，不会影响页面的性能。
Web Workers：
由于Web Workers位于外部文件中，无法访问下列的javaScript对象：
window 对象。
document对象。
parent对象。
10：HTML5 服务器发送事件 Server-sent event Server-Sent 事件指的是网页自动获取来自服务器的更新。
EventSource对象用于接收服务器发送事件通知：
使用onmessage事件来获取消息。
11：HTML5 表单输入类型 input类型
email
url
number
range
Data pickers
search
color
<input type="email" name="user_email" />
12：HTML5 表单元素
datalist 元素
keygen 元素
output 元素
1：datalist元素规定输入域的选项列表。列表是通过datalist内的option元素创建的。如需把datalist绑定到输入域，请用list属性引用datalist的id。
<input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="W3School" value="http://www.W3School.com.cn" />
<option label="Google" value="http://www.google.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist>
2：keygen元素的作用是提供一种验证用户的可靠方法。keygen 元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。
<form action="demo_form.asp" method="get">
<input type="text" name="user_name" />
<keygen name="security" />
<input type="submit" />
</form>
3：output元素用于不同类型的输出，比如计算或脚本输出。
<output id="result" onforminput="resCalc()"></output>
13：HTML5 表单属性 form和input
新的form属性：
autocomplete
novalidate
新的Input属性：
autocomplete
autofocus
form
form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)
height 和 width
list
min, max 和 step
multiple
pattern (regexp)
placeholder
required
14：HTML5 标签
article 定义文章
aside 定义页面内容之外的内容
audio 定义声音内容
video 定义视频
bdi 定义文本的文本方向，使其脱离其周围文本的方向设置
canvas 定义图形
command 定义命令按钮
datalist 定义下拉列表
details 定义元素的细节
dialog 定义对话框或窗口
embed 定义外部交互内容或插件
footer 定义 section 或 page 的页脚
header 定义 section 或 page 的页眉
nav 定义导航链接
section 定义 section
time 定义日期/时间
