酷妙网络:H5的介绍

2019-07-25

H5到底是什么

H5是一个在线制作H5的工具,在介绍iH5之前,我们先来了解一下H5到底是什么吧。

大家可能觉得,H5是微信朋友圈看到的音乐相册,或者在群里分享的测试小游戏,总之,在微信中打开的链接,如果不是公众号文章,那就是“H5”。对此,H5君表示大大的委屈。

H5即一种新的网页

其实任何一个通过浏览器打开的网页,都可以是“H5”,那“H5”到底是什么呢?

首先,H5这个词,来自“HTML5”,且是国内的专门称呼,所以老外是完全不知道“H5”是什么的。

所谓“HTML5”,是指“HTML”的第5个版本,而“HTML”,则是指描述网页的标准语言。因此,HTML5,是第5个版本的“描述网页的标准语言”。

等等,“描述网页的标准语言”到底是什么鬼?

直白点说,“描述网页的标准语言”,其实就是网页文件的格式。就像word可以打开doc文件,ps可以打开psd文件,我们的浏览器,无论是Chrome,Firefox,还是360,都能打开html文件。而我们浏览网页,并在其中进行各种交互操作的过程,本质上都是我们的浏览器下载了一个网页文件,然后“播放”或者“运行”这个网页文件的过程。这个过程,和我们下载一个MP4的电影,然后用quickTime打开,基本上是一样的。

你可能会说,这个过程怎么会一样呢?我们访问一个网站,从来都不用下载啊,只要输入网址就可以了。实际上,当我们输入一个网址时,我们的浏览器就会自动从这个网址,下载一个网页文件,然后再打开运行,这样,我们才能使用各种在线的应用。


26e0f41ab5016617164be5b1cac3d520.jpeg

网页的简单构成

当然,以上过程,是我们对浏览器打开网页的最大程度上的简化,为了让大家对H5有一个更完整的了解,这里我们再做一个重要的补充。

大多数情况下,我们的浏览器从服务器下载的并不仅仅是一个独立的网页文件,而是三种类型的文件的集合,即网页文件,CSS文件和JS文件。

网页文件,构成了一个网页的骨架,描述了一个网页中的基本构成元素,以及这些元素的结构;

CSS文件,描述了网页的外观,比如文本的字体,颜色,图片的排版,按钮的动画效果等等;

JS文件,描述了网页的功能或行为,比如,当我们点击一个按钮时,网页要有什么反应,或者我们在玩一个在线游戏时,任何一个操作,对应于网页游戏的各种反馈等等。

下图描述了这三种文件的大致分工:


735aca29a5c05d650123e2e6829f7227.jpg

如果把一个网页比喻成一个完整人,那么html就是他的骨架,css决定了他的外观,而js则决定了他提供的功能。当然,这是对最常见的网页应用的描述,在日新月异的互联网中,我们常常可以看到这三个组合的各种变种。

我们现在习惯看到的各种酷炫的网页,和这些惨不忍睹的网页之间的区别,大多数应该归功于HTML5相对于之前的网页格式,而新增的能力。

根据MDN的总结,这些能力主要包括:

基本结构优化、实时在线通信、本地存储、多媒体元素、3D动画、性能升级、设备接口、css3样式

这里,我们不用一个一个去详细了解,只需要大概知道,相比上一个版本的网页格式“HTML4”,HTML5是一个革命性的升级,使用HTML5之后,之前只能下载到本地打开的PC软件或手机APP, 现在基本上都能搬到浏览器中来运行了。

总结来说,HTML5,或者“H5”,其实就是一种新的网页形式,是在浏览器中打开的网页应用,也是未来大多数软件存在的形式。



bbf8fa1de0794000a5ad98c67ae88aa9.jpg

酷妙网络公司一直追求为用户提供操作简单、易懂的网站建设服务,交付后可以直接运营或是只需要替换内容就可以运营。同时又具有个性化的特性。酷妙网络公司,优秀的技术力量,良好的服务精神,为您的系统保驾护航,永葆系统的前沿性!不断地更新,不断地进步,不断地发展;除了为您建设平台,我们还为您提供网站运营思路;10年的网络开发经验,多项系统已千锤百炼,广受市场好评。

南宁网站建设,长沙小程序开发,深圳网站设计,微商软件,APP开发,小程序软件开发,智能硬件开发,南宁微信开发

咨询电话:15977577608