这篇文章运用简单易懂的例子给大家介绍HTML与HTML5有什么不同，代码非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
HTML与HTML5的区别有：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>
<video src="movie01.mp4" width="100" height="100" controls="controls"> </video>
关于HTML与HTML5有什么不同就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
