h5与html有哪些不同

云网络9个月前 (09-01)建站教程148

h5与html有以下几点不同:1、文档声明不同;2、结构语义不同;3、绘图不同;4、音频/视频的支持不同;5、元素和属性不同。文档声明不同主要在于,h5的文档声明相对来说更为简便,有利于程序员快速阅读和开发,而html代码比较长,难以记忆。

一、文档声明不同

h5只有简单的声明,方便人们的记忆,更加简单。而html有很长的一段代码,并且很难记住这段代码;h5却是不同,只有简简单单的声明,这也方便人们的记忆,更加精简。

二、结构语义不同

h5在语义上有很大的优势,并且是提供了一些新的标签,例如:<header><article><footer>这些标签。

而html没有体现结构语义化的标签,通常都是这样来命名的<divid=”header”></div>,这样是表示网站的一个头部。

三、绘图不同

h5与html的绘图有所不同。在h5中,canvas元素使用脚本(通常使用JavaScript)在网页上绘制图像,可以控制画布每一个像素;而html主要用可伸缩矢量图形,用于定义网络的基于矢量的图形。

四、音频/视频的支持不同

h5使用audio和video标签来支持音频和视频控制;html必须使用Flash播放器才能支持音频和视频的使用。

五、元素和属性不同

html中没有charset、async、ping 等属性,但是HTML5中有。h5中也添加了许多新元素,如audio、progress、time、data、canvas等。

六、面向对象不同

h5是第五代html标准,主要面向移动领域;而html及html5前期版本都是基于pc端的。

延伸阅读

h5有哪些类型

h5是指第5代html,也指用H5语言制作的一切数字产品。所谓html是超文本标记语言的英文缩写,平时上网所看到的网页多数都是由html写成的。常见的H5类型有:展示型、互动型、营销型和高精尖型。

1.展示型h5

展示型h5的操作较为简单,用户仅需通过滑动、点击、放大缩小浏览H5页面即可。最常见的展示型h5就是长图滑动h5,整体体验就像将多张宣传海报拼凑在一起,简明扼要的向用户传递信息,包含图文、视频、跳转链接等多种信息格式。

2.互动型h5

互动型h5就是h5小游戏,拥有丰富的游戏玩法和页面交互形式,用户体验h5就是在玩一个游戏,具有很强的互动性。互动型h5最容易刷屏朋友圈,像我们在微信中刷到的消消乐、跳一跳、叠叠乐、合成大西瓜等,都属于互动型h5。

3.营销型h5

营销型h5没有固定的H5游戏玩法,重要的是H5中的积分获取、奖励兑换、抽奖、发红包等元素,整体流程就是参与游戏、转发分享、兑换奖励。

4.高精尖型h5

高精尖型h5既是在h5技术的基础上,额外融入其他技术的h5,例如3D引擎、物理引擎、VR、AR、重力感应等等,能够用户带来更炫酷的体验。


相关文章

个人域名和企业域名的区别是什么

个人域名和企业域名的区别包括:1.所有者不同;2.注册信息不同;3.备案要求不同;4.制作的网站类型不同。所有者不同是两者最根本的区别,个人域名所有者是个人,注册信息填写也是个人信息,而企业域名所有者...

AI可以识别香气了 利用神经网络让你“看见”气味

AI可以识别香气了 利用神经网络让你“看见”气味

9月6日 消息:近日,研究人员利用一种称为图神经网络的深度学习算法,建立了一种模型,能够将化合物的结构映射到气味描述。该模型已成功预测人类小组如何描述新的气味,这可能是沿着长路征程中的重要一步,最终实...

网站数据库该选择什么好?

Access(mdb)数据库:一般不要超过50M,特别是频繁读写记录的时候,并发锁会使服务器容易卡住,文件容易损坏。数据库较大时会引起硬盘IO性能的,为了不影响其他用户,将停止网站。建议ACC较大时转...

判断网站是否需要高防IP服务的依据有哪些

判断网站是否需要高防IP服务的方法:1、看服务类型是否属于易受攻击类型,了解涉及的行业是否是安全敏感业务;2、看网络带宽是否足够,如果对服务器的攻击是持续的,需要使用具有独占保护的高防ip进行保护;3...

视频和多媒体内容在SEO中如何优化

视频和多媒体内容在SEO中如何优化

视频和多媒体内容在SEO中优化的主要方法包括:一、增强用户体验;二、利用结构化数据;三、合理使用标题和描述;四、优化加载速度和兼容性。其中,增强用户体验可以通过提供有趣的、相关的视频和多媒体内容来吸引...

mysql数据库类型有哪些

mysql数据库类型有:1、整数类型;2、浮点数类型;3、定点数类型;4、位类型BIT;5、日期与时间类型;6、文本字符串类型;7、ENUM类型;8、SET类型;9、二进制字符串类型;10、JSON...