浅谈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 应用来说是不够的.更多的存储空间需要浏览器本身或是插件的支持 ...
随机推荐
- 事务Isolation Level 例子详解
举例分析: 我们有A表, 包含两条数据. Read uncommitted: 假设我们有两个事务 Trans1, Trans2. 它们的操作如下: Trans 1: 更新A1 -> A11, 然 ...
- 纯css切换左侧菜单
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- activity+fragment多次切换出现页面空白问题
刚上手一个项目 懒的用viewpager+fragment模式,尽管在后面的项目中还是用到viewpager+fragment.先说说问题,多次切换fragment的时候页面出现空白,刚开始以为传递的 ...
- android.mk android源码编译
http://www.cnblogs.com/chenbin7/archive/2013/01/05/2846863.html Android.mk简单分析 2013-01-05 22:51 by . ...
- Space Ant - POJ 1696 (凸包)
题目大意:给一些散列点然后初始点是坐标最下面最左面的点,然后只能往左走,求出来最多可以经过多少个点,把序号输出出来. 分析:先求出来初始的点,然后不断排序找出来最近的凸点....复杂度是 n^2* ...
- Linux下安装MySQL5.6
传送门:http://www.jianshu.com/p/f4a98a905011 字数802 阅读164 评论0 喜欢4 环境:1.操作系统:CentOS release 6.8 (Final)2. ...
- String的成员方法的使用
<%@ page language="java" contentType="text/html; charset=gbk"%> <html&g ...
- 用python 装饰器打log
# coding=utf-8 from time import time def logged(when): def log(f,*args,**kargs): prin ...
- redis.config翻译
# Redis configuration file example#redis配置文件范例 # Note on units: when memory size is needed, it is po ...
- 纪录参加noip2015(pj+tg)复赛
作为一个既参加了pj又参加了tg的初三蒟蒻,本次复赛不得不算一次很happy的事(可以不做周末作业,可以逃掉小班培训) 昨年参加pj的时候,一题眼瞎,二题作死,只有三题蒙了一点分,简直差到一种境界. ...