最开始教学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简直就是易如反掌，所以老程序员不要惧怕新技术的出现，有基础学什么都没问题。万事开头难，只要静下心来开个头，什么都能解决。

我是江奇

最开始教学html5的人,初识html5的个人看法相关推荐

初识HTML5(一)
谈到HTML给人的感觉无非就是一些标记,一直HTML尽管到4了,还是感觉是那么的默默无闻,我们做Web开发,几乎时时在用,但是一直遗忘着.Html5不一样,她让为人耳目一新,为之一振.HTML5让人感 ...
正在做的一款HTML5多人在线扑克牌游戏：99分
用Node.JS做服务端,用WebSockets通信,实现HTML5多人在线游戏. 这款扑克牌游戏名称叫99分,源于活动聚会时常多人玩的一种扑克游戏,特别适合6人.8人.10人玩. 这个游戏由3个爱好 ...
html5 颜色弹窗位置,HTML5之placeholder属性以及如何更改placeholder属性中文字颜色大小位置...
熟悉HTML5的人应该都知道,placeholder这个属性是HTML5中新增的属性,该属性的作用是规定可描述输入字段预期值的简短的提示信息,该提示会在用户输入之前显示在输入字段中,会在用户输入字段后 ...
JAVA制作网页的软件有哪些,html5开发工具(开发html5网页的软件有哪些)
html5开发工具 1.SublimeText SublimeText是一个跨渠道的代码编bai辑器,一起支持duWindows.Linux.MacOSX等操作系统,也是HTML和散文zhi先进的文本 ...
HTML5视频教程，HTML5项目实战，HTML5中文指南，HTML5使用手册
HTML5视频教程,HTML5项目实战,HTML5中文指南,HTML5使用手册. 超过2G 的 HTML5 视频教程免费分享,免费下载! 尚硅谷前端HTML5视频_HTML & CSS 核心基 ...
html5振动真难受,HTML5振动API支持(HTML5 vibration API support)
HTML5振动API支持(HTML5 vibration API support) 我检查了http://caniuse.com/,但找不到有关振动API兼容性的任何信息. 哪些浏览器支持它? I c ...
html5语言论文,关于HTML5论文
摘要: Web2.0带来的丰富互联网技术让所有人都享受到了技术发展和体验进步的乐趣.作为下一代互联网标准,HTML5自然也是备受期待和瞩目.HTML5是近十年来Web开发标准巨大的飞跃.和以前的版本不 ...
html5资源怎么用,HTML5教程
分类目录归档:HTML5教程 3,744 人浏览 2019-01-08 21:28:17 今天给大家分享一个效果很棒的HTML Canvas火焰画笔动画类似,也是在Canvas上通过鼠标绘制而成.这个 ...
HTML 18 HTML5 特性 18.10 HTML5 无障碍
HTML 文章目录 HTML 18 HTML5 特性 18.10 HTML5 无障碍 18.10.1 什么是无障碍 What is accessibility? 18.10.2 HTML: 为无障碍提 ...

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

最开始教学html5的人,初识html5的个人看法相关推荐

最新文章

热门文章