龙空技术网

H5特点及新增特性

用户1521331951111582 119

前言:

目前兄弟们对“h5表单元素”可能比较关心,小伙伴们都想要分析一些“h5表单元素”的相关知识。那么小编也在网上汇集了一些对于“h5表单元素””的相关文章,希望姐妹们能喜欢,你们一起来了解一下吧!

1. H5特点:

· HTML5的跨平台技术 HTML5技术跨平台,适配多终端。传统移动终端上的Native App,开发者的研发工作必须针对不同的操作系统进行,成本相对较高。Native App对于用户还存在着管理成本、存储成本以及性能消耗成本。HTML/JavaScript/CSS语言所开发的应用只要一次开发就能进入所有浏览器进行分发。即使是走传统的App Store应用商店渠道,只需要再将底层用HTML5开发的应用"封装"为App,从时间和资金成本上讲远小于跨系统移植。

· HTML5更加的用户体验 提高了用户体验,加强了视觉感受。HTML5在移动端能够让应用程序回归网页,并对网页的功能进行扩展,用户不需要下载客户端或者插件就能观看视频、玩游戏,操作更加简单,用户体验更好。HTML5的视音频新技术解决了移动端苹果和安卓4.0+对Flash的不支持问题,HTML5在性能上要比Flash更好,让用户拥有更好的体验。HTML5中的CSS3特效样式、Canvas、WEBGL的介入,不仅加强了网页的视觉效果,甚至能够使用户在网页当中看到三维立体特效。

· HTML5的语言与推动人群——发展比较平稳 HTML5是由多种语言结合而成的,每种语言在功能发挥中各行其责。多种的语言也就决定着知识的广度是比较大的,同时可以根据自己的兴趣方向以及自己对知识的掌握水平进行选择,找到适合自己的方向的职位就业。 HTML5的始创来源于谷歌的苹果为首成立的WHAT WG组织,进行HTML5技术的研究。2009年,W3C将HTML5纳入到推进标准当中。随后,国内百度、腾讯等各大互联网巨头蜂拥与W3C组织合作,宣布参与HTML5标准定制。同时,W3C组织也努力让开发者、用户参与其标准制定当中。也就是说,来自浏览器、开发者、用户等各方面的力量共同推动HTML5向前发展

2. H5新增特性

· 标签语义化、等等

· 增加多个表单输入类型、表单元素、表单属性

· Canvas 绘图,Canvas 通过 JavaScript 来绘制 2D 图形

· SVG 绘图,SVG 是指可伸缩的矢量图形,SVG 是一种使用 XML 描述 2D 图形的语言

· 地理定位,Geolocation 用于定位用户的位置

· 拖放 API,任何元素都能够拖放 drag

· Web Worker,Web Worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能

· Web Stroage,本地存储用户的浏览数据

· WebSocket,一种在单个 TCP 连接上进行全双工通讯的协议,浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求,连接建立以后,客户端和服务器端就可以通过 TCP 连接直接交换数据,当你获取 Web Socket 连接后,你就可以通过 send() 方法来向服务器发送数据,并通过 onmessage 事件来接收服务器返回的数据。

标签: #h5表单元素