浅谈html5某些新元素的用途
大家都知道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某些新元素的用途的更多相关文章
- 浅谈HTML5单页面架构(二)——backbone + requirejs + zepto + underscore
本文转载自:http://www.cnblogs.com/kenkofox/p/4648472.html 上一篇<浅谈HTML5单页面架构(一)--requirejs + angular + a ...
- 浅谈html5网页内嵌视频
更好的阅读体验:浅谈html5网页内嵌视频 如今在这个特殊的时代下:flash将死未死,微软和IE的历史问题,html5标准未定,苹果和谷歌的闭源和开源之争,移动互联网的大势所趋,浏览器各自为战... ...
- AngularJS进阶(二十五)requirejs + angular + angular-route 浅谈HTML5单页面架构
requirejs + angular + angular-route 浅谈HTML5单页面架构 众所周知,现在移动Webapp越来越多,例如天猫.京东.国美这些都是很好的例子.而在Webapp中,又 ...
- 浅谈html5 video 移动端填坑记
这篇文章主要介绍了浅谈html5 video 移动端填坑记,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 本文介绍了html5 video 移动端填坑记,分享给大家,具体 ...
- 浅谈HTML5单页面架构(一)——requirejs + angular + angular-route
心血来潮,打算结合实际开发的经验,浅谈一下HTML5单页面App或网页的架构. 众所周知,现在移动Webapp越来越多,例如天猫.京东.国美这些都是很好的例子.而在Webapp中,又要数单页面架构体验 ...
- (转)浅谈HTML5与css3画饼图!
神马系饼图? 饼图,大家都应该熟知,在统计数据对比方面,几乎处处用到.如cnzz的统计饼图 从饼图中,很形象地展示了访问者地区的分布,以扇形为块的方式拼成一个大圆. 都使用什么方法实现 目前众多站点制 ...
- 浅谈html5 响应式布局
一.什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本. 这个概念是为解决移动互联 ...
- 浅谈html5及其新特性
什么是 HTML5? HTML5 将成为 HTML.XHTML 以及 HTML DOM 的新标准. HTML 的上一个版本诞生于 1999 年.自从那以后,Web 世界已经经历了巨变. HTML5 仍 ...
- 浅谈 HTML5 的 DOM Storage 机制 (转)
在开发 Web 应用时,开发者有时需要在本地存储数据.当前浏览器支持 cookie 存储,但其大小有 4KB 的限制.这对于一些 Ajax 应用来说是不够的.更多的存储空间需要浏览器本身或是插件的支持 ...
随机推荐
- 重装VS2010时出现未能正确加载 "radlangsvc.package,radlangsvc.vs...
解决办法: 开始-->所有程序--Microsoft visual studio2010-->visual studio tools-->visual studio 2010命令提示 ...
- Delphi安装/卸载OCX控件的方法
delphi 安装卸载ocx 请参见 如下 http://blog.csdn.net/xt_chaoji/article/details/7027298 打开Delphi,关闭所有项目. 1. ...
- 如何配置jdk和tomcat 转
一.配置JDK1.解压JDK至D:\JDK1.5目录下(楼主可以自由选取目录).2.设置环境变量(右键我得电脑->属性->高级->环境变量),在系统变量中添加一个叫JAVA_HOME ...
- 在Windows Server 2012 上安装Exchange 2013 服务器
前文:http://www.cnblogs.com/Liangw/archive/2011/09/19/2559944.html 安装准备: 1.加入一个存在的域(?如何建立一个域) 2.登录Wind ...
- Linux学习笔记24——进程管道
一 管道的作用 通常把一个进程的输出通过管道连接到另一个进程的输入. 二 popen和pclose函数 #include <stdio.h> FILE *popen(const char ...
- NIOS中双CPU系统的构建
首先构建SOPC系统,先分别添加两个CPU,分别命名为CPU1和CPU2,设置如下图,其中CPU1运行VGA的乒乓游戏,CPU2运行音乐,这里为了简单,音乐用LED来表示. 这里CPU1选择是中等容量 ...
- hdu 4432 Sum of divisors(十进制转其他进制)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4432 代码: #include<cstdio> #include<cstring&g ...
- MongoDB简单操作
Hadoop核心技术厂商Cloudera将在2014/06推出hadoop Ecosystem与MongoDB的整合产品,届时MongoDB与ipmala及hbase,hive一起用; 开源linux ...
- snatch
https://www.imququ.com/post/use-berserkjs-in-mac.html http://www.one-lab.net/ http://www.oschina.net ...
- git常用操作指令
git操作master : 默认开发分支:origin : 默认远程版本库 添加远程仓库:git remote add [name] [url] 通常name为origin 克隆远程仓库:git c ...