Html5（H5）是什么？

Posted 2022-12-19 如月之恒-

目录

• 学习目标：
• 内容：
• • H5的功能
  • 关于H5与原生APP
  • • 介绍
    • 区别
• 注

学习目标：

了解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）。请备注“探讨技术问题”。欢迎交流、一起进步。