浅谈html5某些新元素的用途

时间:2021-10-22 22:59:11

大家都知道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进阶&lpar;二十五&rpar;requirejs &plus; angular &plus; angular-route 浅谈HTML5单页面架构

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

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

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

  5. 浅谈HTML5单页面架构(一)——requirejs &plus; angular &plus; 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 机制 &lpar;转&rpar;

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

随机推荐

  1. 用java的socket来发送一个类

    用socket可以简单的发送一些文本信息,太复杂的可能发送不了,比如图片音频可能要用到http来发送和接收了.最基本的使用socket来发送一个字符串,但有的时候我们希望能够发送一个类,这样serve ...

  2. 机器翻译评测——BLEU改进后的NIST算法

    ◆版权声明:本文出自胖喵~的博客,转载必须注明出处. 转载请注明出处:http://www.cnblogs.com/by-dream/p/7765345.html 上一节介绍了BLEU算的缺陷.NIS ...

  3. vue scrolle在tab 中使用

    1. 使用npm 安装 npm i vue-scroller -S 地址: https://github.com/wangdahoo/vue-scroller2. 引入 main.js: import ...

  4. EF6中执行Sql语句

    EF中提供了两个方法,一个是执行查询的Sql语句SqlQuery,另外一个是执行非查询的语句ExecuteSqlCommand.SqlQuery有两种形式的,一种是泛型的,一种是非泛型的.比如我们要在 ...

  5. CSS基础一

    css作用 css将内容和样式相分离,便于修改样式.HTML 写网页的内容,CSS写内容的样式 CSS构成 p{ /*p为标签,也可以称为选择器,选择包住的内容的格式*/ font-size:12px ...

  6. 弹出层-layui

    type 0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) 弹出层 //winIndex存储弹出层的index,以便关闭弹出层时使用 function openWindo ...

  7. 谁记录了mysql error log中的超长信息&lpar;记pt-stalk一个bug的定位过程&rpar;

    [问题] 最近查看MySQL的error log文件时,发现有很多服务器的文件中有大量的如下日志,内容很长(大小在200K左右),从记录的内容看,并没有明显的异常信息. 有一台测试服务器也有类似的问题 ...

  8. Android中MVP模式与MVC模式比較(含演示样例)

    原文链接 http://sparkyuan.me/ 转载请注明出处 MVP 介绍 MVP模式(Model-View-Presenter)是MVC模式的一个衍生. 主要目的是为了解耦,使项目易于维护. ...

  9. liunx 时间ntp同步服务器

    1.root 用户下安装 yum install ntp -y 报错如下: 29 Apr 00:25:04 ntpdate[8786]: the NTP socket is in use, exiti ...

  10. python的学习笔记之——time模块常用内置函数

    1.Python time time()方法 Python time time() 返回当前时间的时间戳(1970纪元后经过的浮点秒数). time()方法语法: time.time() 举例: #! ...