欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

HTML与HTML5有什么区别

发布时间:2019-05-24  编辑:杨雨个人博客网站   点击:   

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>

1.jpg

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

Image 14.jpg

总结:以上就是本篇文章的全部内容了,希望对大家有所帮助。 本文地址:http://itbyc.com/web/html5/19855.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1