HTML5是H5吗

乐多 问答 2022-03-07 10:42:07 阅读(...)

H5是HTML5的缩写,是一种网页技术标准,包含网页展示、网页交互动画等等。 H5动画指的就是利用 HTML5 技术做出来的网页,行业内统称为网页。

H5,即 HTML5 的缩写,你可能理解为最新的网页技术标准,包含网页展示、网页交互动画等等。大家所说的 H5 动画指的就是利用 HTML5 技术做出来的网页,行业内统称为网页。H5 指的是移动端的 web 页面,能够在智能手机上呈现达到 flash 动画效果的具有酷炫效果的网页。H5 动画则指的是能够在移动端进行播放的 web 页面动画。

HTML5

HTML5 是 H5 吗

“H5 是 Html5 的缩写”,这恐怕是很多人的一个错误认知。事实上,二者并不是一个意思。H5 确实涉及 HTML5 诸多规范,想做 H5 页面或多或少都要利用到 HTML5 很多内容。但二者只是有联系,并非对等。

除了把 H5 误认为是 Html5 的缩写外,还有一些人存在另一种误区,那就是“H5=微信网页”。事实上,这也是不对的。从切身体验来说,H5 似乎是基于微信的网页,但实际并非如此。大多数情况下,我们是通过朋友圈和微信群观看 H5 的,但实际上我们利用任何浏览器都可以观看 H5,不管是 PC 端还是平板端。跳出朋友圈,H5 依然可以被浏览,它的特效和演示甚至比你在微信看会更加流畅!

原来是因为微信集成了移动端浏览器,离开微信,H5 照样可以正常运行,只是因为人们习惯了通过朋友圈打开 H5 来观看网页。所以,H5 并不是微信网页,它是一个更大的概念,只是因为微信巨大的用户群,让 H5 集中于微信,让人们觉得这个页面就是微信独有的,也让 H5 和微信朋友圈成为了代名词。

H5 到底是什么意思,其实真的很难把它用概念的形式来讲清楚。因为 H5 更像是国人制造的一个专有名词,就像是我们喜欢把“苹果 7”说成是“肾 7”一样。但 H5 就坏在它看上去像是个英文缩写,似乎是某种尖端技术,实际上国外根本没有这个说法,老外都不知道这个 H FIVE 是什么东西。

H5 所涵盖的范围其实很大,它不是 HTML5、不是微信网页、不是移动 PPT。相反,从某种意义上来说,它是这些东西的母级,H5 所指的就是移动网页本身,它能够包含所有这些分支。

HTML5 的特点

1.智能表单

表单是实现用户与页面后台交互主要组成部分,HTML5 在表单的设计上功能更加强大。input 类型和属性的多样性大大地增强了 HTML 可表达的表单形式,再加上新增加的一些表单标签,使得原本需要 JavaScript 来实现的控件,可以直接使用 HTML5 的表单来实现;一些如内容提示、焦点处理、数据验证等功能,也可以通过 HTML5 的智能表单属性标签来完成。

2.绘图画布

HTML5 的 canvas 元素可以实现画布功能,该元素通过自带的 API 结合使用 JavaScript 脚本语言在网页上绘制图形和处理,拥有实现绘制线条、弧线以及矩形,用样式和颜色填充区域,书写样式化文本,以及添加图像的方法,且使用 JavaScript 可以控制其每一个像素。HTML5 的 canvas 元素使得浏览器无需 Flash 或 Silverlight 等插件就能直接显示图形或动画图像。

3.多媒体

HTML5 最大特色之一就是支持音频视频,。HTML5 对音频、视频文件的支持使得浏览器摆脱了对插件的依赖,加快了页面的加载速度,扩展了互联网多媒体技术的发展空间

4.地理定位

现今移动网络备受青睐,用户对实时定位的应用越来,要求也越来越高。HTML5 通过引入 Geolocation 的 API 可以通过 GPS 或网络信息实现用户的定位功能,定位更加准确、灵活。通过 HTML5 进行定位,除了可以定位自己的位置,还可以在他人对你开放信息的情况下获得他人的定位信息。

5.数据存储

HTML5 较之传统的数据存储有自已的存储方式,允许在客户端实现较大规模的数据存储。为了满足不同的需求,HTML5 支持 DOM Storage 和 Web SQL Database 两种存储机制。其中,DOM Storage 适用于具有 key/value 对的基本本地存储;而 WebSQLDatabase 是适用于关系型数据库的存储方式,开发者可以使用 SQL 语法对这些数据进行查询、插入等操作。

6.多线程

HTML5 利用 Web Worker 将 Web 应用程序从原来的单线程业界中解放出来,通过创建一个 Web Worker 对象就可以实现多线程操作。JavaScript 创建的 Web 程序处理事务都是在单线程中执行,响应时间较长,而当 JavaScript 过于复杂时,还有可能出现死锁的局面。HTML5 新增加了一个 WebWorkerAPI,用户可以创建多个在后台的线程,将耗费较长时间的处理交给后台面不影响用户界面和响应速度,这些处理不会因用户交互而运行中断。使用后台线程不能访问页面和窗口对象,但后台线程可以和页面之间进行数据交互。

子线程与子线程之间的数据交互的步骤

  • 先创建发送数据的子线程;
  • 执行子线程任务,把要传递的数据发送给主线程;
  • 在主线程接受到子线程传递回的消息时创建接收数据的子线程,然后把发送数据的子线程中返回的消息传递给接收数据的子线程;
  • 执行接收数据子线程中的代码。
收藏 0个人收藏
走进科技生活方式

评论交流

泪雪默认头像 请「登录」后参与评论
  1. 加载中..

相关推荐