热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

H5最全面解读-

这次给大家带来H5最全面解读,深入理解H5,使用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
等等

相信看了本文案例你已经掌握了方法,更多精彩请关注 第一PHP社区 其它相关文章!

相关阅读:

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

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

以上就是H5最全面解读的详细内容,更多请关注 第一PHP社区 其它相关文章!


推荐阅读
  • 本文介绍了DataTables插件的官方网站以及其基本特点和使用方法,包括分页处理、数据过滤、数据排序、数据类型检测、列宽度自动适应、CSS定制样式、隐藏列等功能。同时还介绍了其易用性、可扩展性和灵活性,以及国际化和动态创建表格的功能。此外,还提供了参数初始化和延迟加载的示例代码。 ... [详细]
  • 前言:关于跨域CORS1.没有跨域时,ajax默认是带cookie的2.跨域时,两种解决方案:1)服务器端在filter中配置详情:http:blog.csdn.netwzl002 ... [详细]
  • 前言对于从事技术的人员来说ajax是这好东西,都会使用,而且乐于使用。但对于新手,开发一个ajax实例,还有是难度的,必竟对于他们这是新东西。leo开发一个简单的ajax实例,用的是 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • 本文介绍了通过ABAP开发往外网发邮件的需求,并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定,可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度:184字。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 在springmvc框架中,前台ajax调用方法,对图片批量下载,如何弹出提示保存位置选框?Controller方法 ... [详细]
  • 本文介绍了使用cacti监控mssql 2005运行资源情况的操作步骤,包括安装必要的工具和驱动,测试mssql的连接,配置监控脚本等。通过php连接mssql来获取SQL 2005性能计算器的值,实现对mssql的监控。详细的操作步骤和代码请参考附件。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • Allegro总结:1.防焊层(SolderMask):又称绿油层,PCB非布线层,用于制成丝网印板,将不需要焊接的地方涂上防焊剂.在防焊层上预留的焊盘大小要比实际的焊盘大一些,其差值一般 ... [详细]
  • asp.net(vb脚本)如何获取xml的节点值?xmlversion1.0encodingutf-8?rootimageimagemenusmenuurl#frame_paren ... [详细]
  • 1、概述首先和大家一起回顾一下Java消息服务,在我之前的博客《Java消息队列-JMS概述》中,我为大家分析了:然后在另一篇博客《Java消息队列-ActiveMq实战》中 ... [详细]
  • 表单提交前的最后验证:通常在表单提交前,我们必须确认用户是否都把必须填选的做了,如果没有,就不能被提交到服务器,这里我们用到表单的formname.submit()看演示,其实这个对于我们修炼道 ... [详细]
  • 用JavaScript实现的太空人手表
    用JavaScript实现的太空人手表-JS写的太空人手表,没有用canvas、svg。主要用几个大的函数来动态显示时间、天气这些。天气的获取用到了AJAX请求。代码中有详细的注释 ... [详细]
author-avatar
会飞的狼
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有