H5最全面解读

php中世界最好的语言原创: 2018-03-08 09:38:082557浏览

这次给大家带来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
等等

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！