HTML与HTML5有什么区别

2018年11月28日17:52:29 发表评论 6 浏览

HTML与HTML5的区别有:HTML5增加了新元素,支持矢量图形以及增强了对应用程序功能的支持等,而HTML在这些方面都不及HTML5

HTML与HTML5有什么区别

【推荐课程:HTML课程HTML5课程

HTML

HTML被称为超文本标记语言,大多数网页都是用HTML代码来编写的。通过HTML,开发人员可以确切地确定多媒体,文本和超链接在Web浏览器中的显示方式。在HTML中,标签用于定义文本结构; 标签和元素使用<>字符定义,浏览器主要负责通过这些标签呈现网页内容。但是随着时间的推移,用于定义文档样式的标签几乎已经被弃用,因为我们已经开始喜欢用样式表增加网页的丰富性,只有内容定义标签仍然形成核心HTML。

HTML5

随着时间的推移,HTML已经出现了许多更新,目前最新的HTML版本是HTML5。它仍然是一种标记语言,但它为原始的HTML添加了许多功能,并且消除了XHTML中存在的一些严格性。它大大的改善了用户体验。

HTML和HTML5的区别

(1)HTML5支持SVG,画布和其他虚拟矢量图形,而在HTML中,只有将它与Flash,Silver-light等不同技术结合在一起才能使用矢量图形。

(2)HTML5使用Web SQL数据库,可用于临时存储数据但在HTML中只有浏览器缓存才可用于此目的。

(3)HTML5支持新的表单控件,例如:日期和时间,电子邮件,数字,范围,电话,网址,搜索等。

(4)HTML 5是否允许音频和视频控件以及标签,HTML不允许音频<audio>和video <video>标签。

(5)在HTML 5中,Doctype声明非常简单易用,Doctype声明在HTML中太长且复杂

(6)charset,async和ping的属性是HTML 5的一部分,HTML中不存在charset,async和ping等属性

(7)增强了对Web应用程序功能的支持:在HTML5允许浏览器作为应用程序平台运行不需要使用任何基于JS或Flash的方法,因为HTML5中固有的元素提供了所有功能。

(8)新增加的<menu>和<menuitem>元素是互动元素规格的成分,但不经常使用或开发者社区津津乐道。但是,这两个项目可用于确保增强的Web交互<menu>性。为简单起见,标签用于表示移动和桌面应用程序中的菜单命令。

<body contextmenu=”new-menu”>
   <menu id=” new-menu” type=”context”>
   <menuitem>Hello!</menuitem>
   </menu>
  </body>

例:利用HTML5中的新元素在网页上插入一首歌和一个视频

<audio src="song.ogg" controls="controls">
         这是一首歌
</audio>

HTML与HTML5有什么区别

<video src="movie01.mp4"  width="100" height="100" controls="controls">
</video>

HTML与HTML5有什么区别

总结:以上就是本篇文章的全部内容了,希望对大家有所帮助。

以上就是HTML与HTML5有什么区别的详细内容,更多请关注洋洋博客其它相关文章!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: