今天看了一下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简直就是易如反掌,所以老程序员不要惧怕新技术的出现,有基础学什么都没问题。万事开头难,只要静下心来开个头,什么都能解决。
我是江奇
分享到:
相关推荐
第2章---初识HTML5ppt课件(全).ppt
初识html5.ppt
【初识HTML5,认识HTML】 HTML5是超文本标记语言(HyperText Markup Language)的第五个版本,是用于创建网页的标准标记语言。自2014年正式发布以来,HTML5已经成为现代网页开发的核心,它极大地提升了用户体验,...
这是一个当当网主页的HTML+CSS代码实现,希望对大家有用
初识C++ 初识C++ 初识C++初识C++初识C++初识C++初识C++
【HTML5应用开发技术】 HTML5是HTML的最新版本,它是HTML标准的传承与扩展,旨在提高用户体验,增强网页应用程序的功能。HTML5并不是对HTML的彻底改革,而是着重于兼容性、合理性和易用性的提升。 1. **HTML5的...
初识+HTML5_IT168文库
HTML5 基础知识点 HTML5 是超文本标记语言的最新版本,它是描述网页的标准语言。HTML5 的应用非常广泛,包括邀请函、节日贺卡、新闻热点、广告营销、知识分享等。 HTML5 的基本概念 HTML5 使用一套标签或标记来...
初识Vue.html
初识云计算初识云计算初识云计算初识云计算初识云计算初识云计算初识云计算初识云计算
"HTML初识基础认知 + HTML标签" HTML初识基础认知是学习HTML标签的基础,理解HTML的基本语法和标签的关系,能够使用排版标签实现网页中的标题、段落等效果,使用相对路径选择不同目录下的文件,使用媒体标签在网页...
初识R语言.html
HTML5作为前端技术的重要组成部分,是所有Web开发人员必须掌握的基本技能之一。HTML5的出现,旨在解决之前版本中所面临的诸多局限性问题,如对多媒体内容的原生支持,增强了网页的可访问性和互操作性。接下来,我们...
HTML边缘探索Ⅰ HTML简介Ⅱ HTML到HTML5—-HTML发展历史Ⅲ HTML5简介Ⅳ HTML5环境Ⅴ HTML5基本元素介绍Ⅵ 写一个最简单的HTML程序 Ⅰ HTML简介 超文本标记语言(Hyper Text Markup Language),缩写为HTML,标准通用...
python 列表初识,通过此代码,你能够了解到python的列表操作
TP01-初识HTML.pptx
HTML的初识CSS资源包
在"初识HTML"章节中,你将学习到HTML的基本概念,包括: 1. HTML文档结构:了解HTML文档的组成部分,如<!DOCTYPE>声明、<html>根元素、和标签等。 2. 文本、图像和链接:掌握如何插入文本、添加图片以及创建超链接...