这次给大家带来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
等等
【说明】：本文章由站长整理发布，文章内容不代表本站观点，如文中有侵权行为，请与本站客服联系(QQ:254677821)！