html与html5的区别是什么

小编 20

html与html5的区别:1.概念区别;2.文档声明区别;3.构成上的区别;4.结构语义区别;5.绘图区别;6.音频和视频支持的区别;7.网页效果区别;8.面向对象区别。概念区别主要在于,html是一种建立网页文件的语言,而html5是构建Web内容的一种语言描述方式。

1.概念区别

html即超文本标记语言,是一种标识性的语言。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。而html5是html的第五个版本,是Web中核心语言html的规范。

2.文档声明区别

在文档声明上,html有很长的一段代码,并且很难记住这段代码;而html5的文档声明非常精简,有利于程序员快速的阅读和开发。

3.构成上的区别

html是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

html5则是由不同的技术构成,其在互联网中得到了非常广泛的应用,提供更多增强网络应用的标准机。

4.结构语义区别

html没有体现结构语义化的标签,如:<div id=”nav”></div>;而html5添加了许多具有语义化的标签,如:<article>、<aside>、<audio>、<bdi>等。相对于html,html5中新增和修改了一些元素。

5.绘图区别

html和html5有些绘图的区别,html中是指矢量图形,是用于定义网路的矢量图形。而html5的canvas元素使用脚本(通常使用JavaScript)在网页上绘制图像,可以控制画布每一个像素。

6.音频和视频支持的区别

html如果不使用Flash播放器支持,它不支持音频和视频;而html5使用<audio>和<video>标签来支持音频和视频控制。

7.网页效果区别

html无法实现一些好看的网页效果,或者说要很复杂的代码才可以实现。

html5中新增的canvas、svg、video标签、audio标签,让以前根本不能通过html实现的网页效果,或者需要借助flash、复杂的js才能实现的效果现在用简单的html5就能实现。

8.面向对象区别

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

延伸阅读

html5相比html新增了哪些功能

1.新增<audio> 和<video>标签

这两个标签可能是HTML5里面最有用的两个标签了。从意思上不难理解,这两个标签是用来播放音频和视频的。

2.新增语义化标签

语义化标签使网页结构更清晰,包括header、footer、nav、article、figure…但这些表情不兼容ie6-8。

3.表单元素的升级

传统的表单元素:form、laber、textarea、select、button…

input(text、password、radio、checkbox、file、submit、reset、button)

Html5给input新增加一些类型(search、email、number、tell、range、color、date)。

同时,给表单元素新增加属性placeholder(给表单元素设置提示信息);提供了新的下拉框方式。

4.新增canvas标签

我们可以基于js,把它作为一个画布,绘制出想要的图形或者动画,Flash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就能和用户产生UI交互。虽然目前<canvas>标签还不能实现Flash的所有功能。

5.新增一些API

webstorage:localStorage、seessionStorage 本地存储解决方案;

web socket:新的客户端和服务器端通信方案;

获取地理位置或者重力感应等API。

回复

我来回复
  • 暂无回复内容

联系我们
站长微信
站长微信
分享本页
返回顶部