关注前端 | 前端博客
当前位置: HTML5 > HTML5 与 H5

HTML5 与 H5

2020-05-26 分类:HTML5 作者:管理员 阅读(284)

文章部分摘抄个别大佬

什么是HTML5?

HTML5是HTML的第五个版本,上一个版本是HTML4,于1997年发布。

HTML5本质上不是什么新的技术,但是由于其在功能特性上有了极大的丰富,在加上各大浏览器性能上的支持,HTML5相对以前的HTML4有着更广泛的应用。

HTML5主要的新特性:

语义特性(Class:Semantic)HTML5赋予网页更好的意义和结构。简单来说就是程序猿更方便跟浏览器沟通。

本地存储特性(Class: OFFLINE & STORAGE)基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,因为可以将一些常用、不常更新的内容存储在本地。

设备兼容特性 (Class: DEVICE ACCESS)HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。

连接特性(Class: CONNECTIVITY)HTML5拥有更有效的服务器推送技术,Server-SentEvent和WebSockets就是其中的两个特性,这两个特性能够帮助实现服务器将数据“推送”到客户端的功能。更有效的连接工作效率,可以实现基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流。

网页多媒体特性(Class: MULTIMEDIA)支持网页端的Audio、Video等多媒体功能。三维、图形及特效特性(Class: 3D, Graphics & Effects)基于SVG、Canvas、WebGL及CSS3的3D功能,视觉效果将大大增强,在线3D网游就是最典型的例子。
性能与集成特性(Class: Performance & Integration)HTML5会通过XMLHttpRequest2等技术,帮助Web应用和网站在多样化的环境中更快速的工作。最直观的就是加载会更快。

CSS3特性(Class: CSS3)如果把网页比喻成舞台,文字图片视频这些比喻成演员,那么CSS3就是化妆师和舞美,它控制着网页所有元素的视觉和动作效果。相对于旧的CSS版本,HTML5所支持的CSS3中提供了更多的风格和更强的效果,也提供了更高的灵活性和控制性。基于以上的功能特性,HTML5将有着极大的想象空间,最典型的应用前景是谷歌的浏览器OS概念——既浏览器取代操作系统,所有软件、APP都运行在云端,用户通过浏览器获取软件服务;在此假设下,Chrome浏览器相当于Windows操作系统,电脑软件(比如Office、Photoshop等等)界面就是Chrome上不同网址的一个个新建窗口,而软件操作界面就是HTML5网页。

什么是H5?
HyperText Mark-up Language 5.0 → HTML5 → H5

当然,HTML5是英文规范简称,但H5就完全是国内特定人群的叫法。
目前的事实是,H5已经成为微信HTML5网页的专有名词。以现在的定义,
H5特指基于HTML5技术的交互网页应用,以商业用途为主。以下列举一些H5商业应用场景,供参考:
1、微信H5目前HTML5应用最多的形式,因为移动端完全不支持Flash,而HTML5在动画展现和交互上基本可以满足企业需求,同时也因为微信的大力支持,HTML5网页作为一种营销的形式被广泛应用,营销圈简称H5。案例:H5动画(品牌/产品推广)http://ih5.cn/idea/jky81t1 (二维码自动识别)Uber卡通优惠码微官网http://ih5.cn/idea/jky81t1 (二维码自动识别)中贸广场小游戏http://ih5.cn/idea/oHZsPnG (二维码自动识别)CCTV创意答题游戏H5弹幕http://ih5.cn/idea/sXespSU (二维码自动识别)港囧吐槽大会节日贺卡http://ih5.cn/idea/urtBEoe (二维码自动识别)中秋贺卡……
2、交互视频HTML5对于多媒体的支持,让丰富的视频应用成为可能。iH5的交互视频技术可以将视频、动画、多屏通信等有机结合,极大地丰富了内容的表达方式。案例:http://ih5.cn/idea/LXCAvC8
3、户外大屏交互解决方案传统的户外大屏交互需要复杂的软件实施,不仅成本极高,并且灵活度低。基于HTML5技术,不需软件实施,内容更新方便快捷。iH5的智墙技术提供了户外大屏交互的解决方案,支持多屏拼接和多点触摸。案例:超大多点触摸屏
4、PC HTML5广告即苹果浏览器不支持Flash之后,谷歌浏览器已在2015年9月不再支持Flash自动播放,在可预见的未来,HTML5将取代Flash作为网页动画广告的首选。

转载于知乎

「三年博客,如果觉得我的文章对您有用,请帮助本站成长」

赞(2) 打赏

感谢您让我添加个鸡腿!

支付宝
微信
2

感谢您让我添加个鸡腿!

支付宝
微信
标签:

上一篇:

下一篇:

共有 0 条评论 - HTML5 与 H5

博客简介

一个不知名的前端菜鸟,梦想能够飞上青天!
掘金 思否 npm github

精彩评论

服务热线:
 177****6038

 QQ在线交流

 旺旺在线