H5最全面解读

这次给大家带来H5最全面解读,深入理解H5,使用H5的注意事项有哪些,下面就是实战案例,一起来看一下。

官方:HTML5概念

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight,与Oracle JavaFX的需求,并且提供更多能有效增强网络应用的标准。

现状

现在的互联网圈开口闭口就谈H5,朋友圈里被广泛转发的是H5,各种招聘要求精通H5,随着市场需求量,出现了H5工程师职位,随即涌现出一大批H5工程师,H5的字眼甚至出现在设计师的简历中。仿佛手机端的html布局就叫做H5。

绝大多数人口中的H5到底是什么?

2015堪称H5元年,各大企业、品牌都纷纷把目光投向了HTML5,一夜间各式各样的H5如雨后春笋般冒出,创意、招式层出不穷。然而辛辛苦苦做了一年H5,成品很多,真正能火的却没有几个。这不禁让许多品牌方陷入深思:到底怎样才能把一个H5玩到极致,达到有效的传播效果?
实际上,一个成功的H5营销必须具备三个因素:洞察人性、高可玩性、品牌巧露出。近日,一个刷爆朋友圈的“全球爆猛料”H5游戏正是完全符合了以上三点,一夜成“网红”。
如果用五个词语形容当今网友的特性,那就是:趣味、炫耀、参与感、好玩、跟风。只有深谙人性,对症下药,才能做出让用户自主愿意二次传播的H5。

所以,综上所述,人们口中的H5指的不是HTML5,而是**某种在微信****等移动端看上去酷炫能****够提升公司格调顺便亮瞎访问者钛合金狗眼顿升膜拜之心****就算没有内容也能被广泛转发分享的一种东西。是营销概念中的H5.

我(前端开发人员)眼里的H5

目标:

HTML5的目标是为了能够创建更简单的Web程序,书写出更简洁的HTML代码。例如:为了使Web应用程序的开发变得更加容易,提供了很多的API;为了使HTMl变得更简洁,开发出了新的属性、元素等等。总体来说,为下一代Web平台提供了许许多多的新功能以及新标准。

HTML5深受欢迎的理由

H5被说成是划时代也好,具有革命性也好,如果不能被业界承认并且大面积的推广使用,这些都是没有意义的。事实上,H5已经被世界知名浏览器厂商所支持。

1、时代的要求。

现在的时代已经迫切的要求有一个统一的互联网通用标准。H5出现之前的情况是,由于各浏览器之间的不同意,光是修改Web浏览器之间的兼容性而引起的bug就浪费了大量的时间。而H5得出现使得Web开发进入一个新的时代,在这个平台上,视频、音频、图像、动画、以及同电脑的交互都被标准化。

2、IE8的支持。

IE对于web开发者的意义,大家都懂的。现在市场份额最高的IE浏览器也在针对H他做出积极对应,微软也对新的互联网通用标准表示了赞同和支持。例如:
h5中代替cookie的sessionStorage功能与globalStorage功能在ie8得到了支持,使用ajax时如果点击返回按钮也可以真正让操作返回了。

H5要解决的三个问题

1、web浏览器之间的差异和兼容性。
2、旧的标准文档结构不够明确。
3、web应用程序的功能收到了限制。

H5新标准知识点罗列

1、新增元素/属性废除元素/属性、布局结构。
2、原生表单验证
3、canvas绘制图形(多用于数据可视化)
4、多媒体相关API(video、audio)
5、History Api历史记录(用于前端路由管理)
6、本地存储(web storage、indexedDb数据库)
7、离线应用程序(浏览器与服务器交互)
8、文件API(filelist对象、blob对象、filereader对象、Base64编码支持)
9、通信API(跨文档消息传输、webSockets通信)
10、WebRtc通信(浏览器检测、P2P通信、穿越防火墙、多人通信等)
11、拓展的XMLHttpRequest Api(跨域)
12、Web Workers线程处理
13、获取地理位置
14、拖放API与通知API
等等

相信看了本文案例你已经掌握了方法,更多精彩请关注编程之家网其它相关文章!

相关阅读:

不同版本的vscdoe如何调试不同版本nodejs

vue2.0的项目非常实用的代码集合

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码
HTML5使用DOM进行自定义控制
使用HTML5 Canvas绘制阴影效果的方法
使用PHP和HTML5 FormData实现无刷新文件上传
如何解决HTML5 虚拟键盘出现挡住输入框的问题
HTML5中div和section以及article的区别分析
html5和CSS 实现禁止IOS长按复制粘贴功能
html5 touch事件实现触屏页面上下滑动
canvas 模拟实现电子彩票刮刮乐的代码
HTML5 Plus 实现手机APP拍照或相册选择图片上传的功能
Android自定义环形LoadingView效果
HTML5 canvas绘制五角星的方法
html5使用html2canvas实现浏览器截图
使用Canvas处理图片的方法介绍
利用Canvas模仿百度贴吧客户端loading小球的方法