大家都知道html是一种前端网页语言,从出现到现在已经经历了很多的版本了,但是随着html的不断发展,现在的html5已经不再是单一的前端页面语言了,html,javascript,css不再单纯的只是页面上的语言了,现在网页的桌面程序可以和桌面插件一样配置到网页和各种移动终端之中去,伴随着html5 的出现,这一伟大进程将更进一步,下面我就谈谈html5中的一些技术。

接触过html5的人肯定都听说过canvas,这一技术是html5专属的,翻译过来也就是画布的意思,html5中的canvas为网页游戏开发者提供了创建动态图形,可替换静态图形以及gif动画,在canvas上面你可以随意的进行画图,根据需要构建各种的角色。

还有一个就是audio的出现,这也和canvas一样是新元素,它使得我们可以不需要插件而直接使用浏览器的原生音效,在之前的页面中声音的来源大部分是出自flash,但是现在aodio直接依赖浏览器便直接播放音效,尽管功能如此的强大,但是audio元素仍然存在一些需要慢慢完善的问题。

  websocket翻译过来就是网络接口的意思,在之前的网络里面,在http协议的限制下,各种的操作都只能实现当前的方向,客服端必须主动的向服务器发送请求信息,而网页服务器也无法告诉浏览器内容有更新了,除非前端页面重新发送一次请求,传统的方法就是不断的发送请求,如果是这样的话,不仅是用户体验会很差,页面的效率等等问题也会很差,但是现在除了ajax的异步刷新页面之外,我们出现的websocket技术,该项技术能够更好的服务于网络间数据的传输,特别是在html5 开发的网页游戏里面我们需要的是玩家的实时交互,在这一的一种需求下面,websocket发挥了极其重要的作用。

相信大家都了解我们的数据存储,但是存储在哪里就会出现不同的说法了,一般我们的数据都趋向于放在数据库中,但是随着web2.0以及科技迅速发展的今天,html5中也出现了locoalstorage,也有就是web-storage,当我们的网页程序需要在客服端存储数据的时候,cookie会是一个常用的选择,但是其局限就在于自身存储的数据量很小,是一kb计算的,然而现在的程序运行都十分的大,所以存储的数据就需要很大,所以便出现了这样一种适合大型数据存储的webstorage,当然它的存储不能和数据库相比,但是其储存单位也晋升成了mb。

还有一个值得一提的就是webGL,也就是我们的网络图形语言,目前支持在线网页3D图形的相关开发,当然,也就意味着会有更多的精美的视觉盛宴展现在我们的眼前了。

其实html5还带有很多的新元素,在这里也就不一一罗列了,以上提到的一些对于我们现在web应用程序,或者是网页游戏的开发是具有极其重要的作用的。  

浅谈html5某些新元素的用途的更多相关文章

  1. 浅谈HTML5单页面架构(二)——backbone + requirejs + zepto + underscore

    本文转载自:http://www.cnblogs.com/kenkofox/p/4648472.html 上一篇<浅谈HTML5单页面架构(一)--requirejs + angular + a ...

  2. 浅谈html5网页内嵌视频

    更好的阅读体验:浅谈html5网页内嵌视频 如今在这个特殊的时代下:flash将死未死,微软和IE的历史问题,html5标准未定,苹果和谷歌的闭源和开源之争,移动互联网的大势所趋,浏览器各自为战... ...

  3. AngularJS进阶(二十五)requirejs + angular + angular-route 浅谈HTML5单页面架构

    requirejs + angular + angular-route 浅谈HTML5单页面架构 众所周知,现在移动Webapp越来越多,例如天猫.京东.国美这些都是很好的例子.而在Webapp中,又 ...

  4. 浅谈html5 video 移动端填坑记

    这篇文章主要介绍了浅谈html5 video 移动端填坑记,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 本文介绍了html5 video 移动端填坑记,分享给大家,具体 ...

  5. 浅谈HTML5单页面架构(一)——requirejs + angular + angular-route

    心血来潮,打算结合实际开发的经验,浅谈一下HTML5单页面App或网页的架构. 众所周知,现在移动Webapp越来越多,例如天猫.京东.国美这些都是很好的例子.而在Webapp中,又要数单页面架构体验 ...

  6. (转)浅谈HTML5与css3画饼图!

    神马系饼图? 饼图,大家都应该熟知,在统计数据对比方面,几乎处处用到.如cnzz的统计饼图 从饼图中,很形象地展示了访问者地区的分布,以扇形为块的方式拼成一个大圆. 都使用什么方法实现 目前众多站点制 ...

  7. 浅谈html5 响应式布局

    一.什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本. 这个概念是为解决移动互联 ...

  8. 浅谈html5及其新特性

    什么是 HTML5? HTML5 将成为 HTML.XHTML 以及 HTML DOM 的新标准. HTML 的上一个版本诞生于 1999 年.自从那以后,Web 世界已经经历了巨变. HTML5 仍 ...

  9. 浅谈 HTML5 的 DOM Storage 机制 (转)

    在开发 Web 应用时,开发者有时需要在本地存储数据.当前浏览器支持 cookie 存储,但其大小有 4KB 的限制.这对于一些 Ajax 应用来说是不够的.更多的存储空间需要浏览器本身或是插件的支持 ...

随机推荐

  1. linux远程管理工具

    一.常见的远程管理控制方式主要有以下几种 ①RDP(remote desktop protocol)协议 远程桌面协议,我们常用的windows操作系统就是的远程桌面管理就是基于该协议的. ②teln ...

  2. (转载)如何优化MySQL insert性能

    (转载)http://blog.csdn.net/tigernorth/article/details/8094277 对于一些数据量较大的系统,面临的问题除了是查询效率低下,还有一个很重要的问题就是 ...

  3. WIA

    一台扫描仪,实际上就是一个Device对象,因此,我们可以通过DeviceManager来“获取”这台设备的“引用”,然后通过得到的Device对象,执行相应的扫描工作.从而跳过了使用ShowAcqu ...

  4. ural 1106. Two Teams 二分图染色

    链接:http://acm.timus.ru/problem.aspx?space=1&num=1106 描述:有n(n<=100)个人,每个人有一个或多个朋友(朋友关系是相互的).将其 ...

  5. Please check if the Publishing Tools on the server (System/PublishingTools) are started.

    ArcMap或ArcCatalog中双击连接到Server即可,该工具即自动可启动

  6. 基于Centos6.x定制化安装步骤

    1.获取安装界面代码      挂载image/install.img:mount image/install.img /mnt/5 -o loop      复制挂载后的代码至self_intall ...

  7. TortoiseSVN搭建本地版本库及简单操作使用

    TortoiseSVN是windows上一款著名的版本控制软件,对于我们管理自己的代码,特别是对一个团队来说,非常重要. 本文探讨的是如何搭建本地的版本库. (1)安装TortoiseSVN之后需要创 ...

  8. NULL不能和任何字段比较和运算

    UPDATE dbo.PayPalPaymentInfo SET GrossAmount=TotalPrice+TaxAmount WHERE GrossAmount IS NULL --如果TaxA ...

  9. PHP本地环境搭配——WAMP不能启动, 一直处于红色图标或者橙色图标的解决办法

    WAMP不能启动, 一直处于红色图标(正常启动为绿色吧) 考虑是端口的问题,我找到wamp文件夹中的wamp\bin\apache\apache2.2.22\conf路径下的httpd.conf文件, ...

  10. [RxJS] Transformation operator: repeat

    Operator repeat() is somewhat similar to retry(), but is not for handling operators. In this lesson ...