h5与html有哪些不同
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、重力感应等等,能够用户带来更炫酷的体验。