最开始教学html5的人,初识html5的个人看法

今天看了一下html5的文档总体来看有以下几点做的比较好

1、画图功能

这个是最让我觉得实用的地方，html5有两种画图方式

一种是“画布(canvas)”画图 特点是逐个象素进行渲染，通俗点就是可以对每个象素进行修改和绘制，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。

另外一种是SVG画图，SVG 是一种使用 XML 描述 2D 图形的语言。就是矢量图，通过控制点、线、面来输出图形。SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。

在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。

Canvas 与 SVG 的比较

下表列出了 canvas 与 SVG 之间的一些不同之处。

Canvas

依赖分辨率

不支持事件处理器

弱的文本渲染能力

能够以 .png 或 .jpg 格式保存结果图像

最适合图像密集型的游戏，其中的许多对象会被频繁重绘

SVG

不依赖分辨率

支持事件处理器

最适合带有大型渲染区域的应用程序(比如谷歌地图)

复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快)

不适合游戏应用

通过这两种画图方式可以画出你想要的任何形状的图形

2、地理定位功能

现在手机应用已经成为一种趋势，手机的特点就是可以定位，而html5正好迎合了这一点，通过html5的navigator.geolocation方法可以得到你当前的经纬度，当然在pc上只能得到一个大概的位置，但在手机上就可以实时定位你的位置，这就使得你的网站可以通过手机浏览器实现LBS(基于地理位置的社交)功能了，而不需要开发手机端的应用。

3、web存储

通过localStorage和sessionStorage这两个方法可以把数据存储到客户端，以前这两个方法是通过cookie和session实现的，但cookie存储的数据量有限效率也不高。

这个功能的好处也是体现在手机端上的。大家都知道手机端的应用好处就是可以把大量的介面图片在安装应用时一次下载下来不每次打开应用时就不用再下载了，可以节约大量的流量，而普通的网页每次打开都要重新下载图片文字，有了这个功能以后就可以把网页上的内容一次存储到客户端下次再调用时就直接从客户端调用了。

4、视频和音频的调用

以前视频和音频的调用都是通过 flash或其它的播放器插件来实现的，现在不需了，可以直接通html5的audio和video两个标签来直接调用就可以了。

以上4点是我对 html5初次接触印象比较深的几个功能，其它的功能还有拖放、应用缓存、Web Workers、服务器发送事件等这些都可以通过老的html和javascript来实现，功能比较平平

在之后的一段时间内我会用html5开发一个地理位置的社交程序以及一些画图功能，这些功能我会把它应用到我的站点http://www.imkko.com上，介时我会把代码和实例都公布出来供大家学习和交流。

这里还要说一下，html5的学习难度，如果你之前已经学过html 和javascript那么再来学习html5简直就是易如反掌，所以老程序员不要惧怕新技术的出现，有基础学什么都没问题。万事开头难，只要静下心来开个头，什么都能解决。

我是江奇