学习目标：

了解H5到底是什么?

内容：

HTML5并不是一项技术，而是一个标准。

标准的意思通俗移动的意思是：
准则手册。你可以按照准则做，甚至可以超出准则更加严格的要求自己，也可以不按照准则来别人都不找你玩。就像道德标准一样的，你是“坏人”，别人就会远离你。
HTML5本质上就是一群人制定的一套规则，就像你在CSDN用的markDown编辑器。

那HTML5这些标准浏览器厂商支持不支持呢？这要看他们各自的特性了。像chrome这种不仅在很多标准上支持的非常好，还积极上进很多地方超出了标准，支持一些标准中还是草案的部分。所以其实要么我们是作为理论派讨论HTML5标准，要么是作为实践派讨论HTML5标准在某浏览器的应用。但是实际上我们在说到H5的时候，并不是指标准，也不是指标准的应用，而是一个硬生生造出来的奇怪概念合集/u>。

我们在谈论H5的时候，实际上是一个解决方案，一个看起来酷炫的移动端onepage网站的解决方案。而这个解决方案不仅包含了HTML5新增的audio标签，canvas，拖拽特性，本地存储，websocket通信，同时也包括了盒模型，包括绝对定位，包括一切前端的基本知识。

当业余（业务）人士问你会不会H5时，他大概就是想要那种酷炫的，动态的页面效果。

H5在PC和移动端都可以适用，在小型项目中，这是一个非常节省人力成本的方案。如果要制作原生APP与PC，那么公司可能需要一个H5、一个ios、一个安卓的前端工程师。

H5的功能

H5之所以能引发如此广泛的效应，根本在于它不再只是一种标记语言，它为下一代互联网提供了全新的框架和平台，包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能，并使这些应用标准化和开放化，从而使互联网也能够轻松实现类似桌面的应用体验。
H5的最显著的优势在于跨平台性，用H5搭建的站点与应用可以兼容PC端与移动端、Windows与Linux、安卓与IOS。它可以轻易地移植到各种不同的开放平台、应用平台上，打破各自为政的局面。这种强大的兼容性可以显著地降低开发与运营成本，可以让企业特别是创业者获得更多的发展机遇。
此外，H5的本地存储特性也给使用者带来了更多便利。基于H5开发的轻应用比本地APP拥有更短的启动时间，更快的联网速度，而且无需下载占用存储空间，特别适合手机等移动媒体。而H5让开发者无需依赖第三方浏览器插件即可创建高级图形、版式、动画以及过渡效果，这也使得用户用较少的流量就可以欣赏到炫酷的视觉听觉效果。

关于H5与原生APP

介绍

基于H5(HTML5 APP 框架开发模式)开发的叫做Web App。该开发具有跨平台的优势，该模式通常由“HTML5云网站+APP应用客户端”两部份构成，APP应用客户端只需安装应用的框架部份，而应用的资料则是每次开启APP的时候，去云端取资料呈现给手机使用者。

原生APP又称Native App，该开发针对IOS、Android、Windows等不同的手机作业系统要采用不同的语言和框架进行开发，该模式通常是由“云服务器资料+APP应用客户端”两部份构成，APP应用所有的UI元素、资料内容、逻辑框架均安装在手机终端上。

区别

开发模式：
H5：HTML5云网站+APP应用客户端。
原生：云伺服器资料+APP应用客户端。
能力区别：
H5：只能使用有限的移动硬体装置功能。
原生：能够调用移动端（手机）底层功能，如摄像头，蓝牙等。

注

文章是个人知识点整理总结，如有错误和不足之处欢迎指正。
如有疑问、或希望与笔者探讨技术问题（包括但不限于本章内容），欢迎添加笔者微信（o815441）。请备注“探讨技术问题”。欢迎交流、一起进步。

Html5（H5）是什么？相关推荐

教你玩转HTML(html5)h5网页设计，网站开发-刘青-专题视频课程
教你玩转HTML(html5)h5网页设计,网站开发-54965人已学习课程介绍教你玩转HTML(html5)h5网页设计,网站开课程收益教你玩转HTML(html5) ...
html5 h5是什么,H5是什么？你真的了解什么是H5？
原标题:H5是什么?你真的了解什么是H5? 欢庆网提供海量h5模板.手机海报模板.长单页模板,包括邀请函.企业宣传.婚礼.会议会展.求职招聘等场景模板,省事.省心.省力的在线一键生成微信邀请函.海报等 ...
html5讲义,HTML5(H5)疯狂讲义
什么是H5? 万维网的核心语言,超级文本标记语言的第五次重大修订 H5有什么用? HTML5的设计目的是为了在移动设备上支持多媒体.新的语法特征被引进以支持这一点,如video.audio和canva ...
原生和html5,H5和原生APP对比
作者:senntyou segmentfault.com/a/1190000016759517 现在移动端 web 应用,很多时候都需要与原生 App的开发技术,目前流行的两种方式,原生和Html5. ...
原型设计转html5,H5的交互原型设计
现在市面上有很多诸如Axure.Shireframe.Pencil Project等产品原型设计软件,每个产品都有其独特的优越性,目标都只有一个:高效产出可测试.可交互的产品原型. 毋庸置疑,这些软件 ...
Html5 h5页面输入框失去焦点页面底部白板问题
H5网页中,用户输入完成后关闭输入框后底部会出现白条,如下图: 解决方案: 在输入框失去焦点的时候,设置窗口页面滚动至0即可: $(window).scrollTop(0,0); vue项目中的实例: ...
儿童游戏html5,H5儿童小游戏的设计与探索
为了迎接六一鹅童节的到来,"ABCmouse如何在众多教育竞品及各类节日广告中脱颖而出?"成为了近一个月团队最关切和热门的探讨点.团队在成本有限的情况下,高效执行,终于如期上线,接 ...
html中显示优酷视频,html5 - h5页面上如何播放优酷视频
巴扎黑2017-04-17 12:10:441楼看到上面的答案,可能有人会有雾水.我来补充一下. 如果使用ueditor,kineditor等富文本编辑器插入的视频,其默认是插入swf结尾的url ...
小程序一键分享html5,H5手机网站封装微信小程序并实现分享功能的教程
通过本文教程可以实现将H5手机网站直接封装成微信小程序,并且支持分享功能.但不支持微信支付功能. 说明:手机站域名必须开启https模式第一步: 微信开发者工具中创建小程序,填写你自己的小程序App ...
h5上传图片html5,h5图片上传简易版（FileReader+FormData+ajax）
一.选择图片(input的file类型) 1. input的file类型会渲染为一个按钮和一段文字.点击按钮可打开文件选择窗口:file类型的input会有files属性,保存着文件的相关信息. 2. ...

Html5（H5）是什么？

目录

学习目标：

内容：

H5的功能

关于H5与原生APP

介绍

区别

注

Html5（H5）是什么？相关推荐

最新文章

热门文章