今天对html5大致的进行了一下小结

现Firefox，chrome，opera，safari(版本四以上)IE9已支持html5，html5相对于html4在声明和标签上面做了简化，也对兼容做了详细的规定，废除了部分元素，增加了部分元素。在html5中新添加的标签可以很形象的表示标签所表示的内容，我们不用在重复利用div，之前我们页眉页脚都添加div，然后给div给个id为header，footer。现在我们不需要在重复利用div了，在html5中已经新添加了一些标签让我们来表示这些内容。比喻address，article，footer，header等等。

Html5添加了音频和视频控件，不过现在支持的格式不太人性化。

input标签，在html5中input添加了许多新的属性，type也添加了新的类型，也添加了验证，只要用户的type类型是常规的email，phone，time等等它就会按照该类型对用户输入的信息进行验证。也方便了我们在以后的开发过程中，不需要每次都要进行表单输入格式验证了,节省了开发时间。

在html5中最重要的应该是画布和svg因为在游戏开发方面或者做一些简易的特效都离不开这两个元素。在这些天对canvas和svg的应用中自己对它们进行了一些比较，希望在以后的运用中能够正确的选择该用哪个元素比较适合当前的应用。

Svg：是绘制矢量图的标签，只要定义好xml属性就能够获取图片的元素

生成Svg格式的文件，并且在不同分辨率下不影响浏览器效果，svg图像源文件是一个文本文件，所以它既具有易于访问和搜索引擎。

支持事件处理。

Canvas：自身没有绘画能力，但却把一个绘图API展现给客户端JavaScript以使脚本能够把想绘制的东西都绘制到一块画布上。

生成图片格式的图片文件，图片的浏览受分辨率的影响。

不支持事件处理

拖放

利用拖放可以实现很多效果，比喻拖动照片或者文件到指定区域进行上传，拖动排序，拖动进行删除等等。实现拖动主要需要下面几个步骤：把元素设置为可拖放draggable=true，设置拖动的元素（拖动的时候触ondragstart事件），规定在何处放置被拖动的数据(ondrop进行放置事件，规定何处放置事件ondragoverr)。

地理位置

Html5中提供了地理位置信息的API，通过浏览器来获取用户当前位置。在获取地理位置信息前，首先浏览器都会向用户询问是否愿意共享其位置信息，待用户同意后才能使用。

Html5获取地理位置信息是通过Getlocation API提供，使用其getCurrentPosition方法，此方法中有三个参数，分别是成功获取到地理位置信息时所执行的回调函数，失败时所执行的回调函数和可选属性配置项。GetCurrentPosition还会返回经度，维度，海拔，速度等等属性。