很多没有学过HTML5大前端的同学，对HTML5并不了解，经常会提出疑问：HTML5与传统HTML有什么区别?下面本篇文章就来给大家介绍一下HTML5和HTML两者之间的区别，希望对你有所帮助。
什么是HTML和HTML5?
HTML代表超文本标记语言，用于使用标记语言设计网页。HTML是超文本和标记语言的组合，超文本定义了网页之间的链接;标记语言用于定义标记内的文本文档，该文档定义网页的结构。此语言用于注释(在计算机注释中)文本，以便机器可以理解它并相应地操作文本。
大多数标记(例如HTML)语言都是人类可读的。该语言使用标签来定义必须对文本进行哪些操作。它用于在网页上构造和呈现内容。
HTML5是HTML的第五个版本，HTML5中删除或修改了许多元素。
HTML5和HTML的区别
首先，HTML5已经远远超越了标记语言的范畴，它的设计目的是在移动设备上支持多媒体，和HTML比起来，深度和广度上都做了进一步提升。
在文档声明上，HTML的声明代码很长很复杂，而HTML5的声明更为简单，方便记忆，所以HTML5要比HTML更有利于程序员的快速阅读和开发。
此外，两者结构语义也有所不同。HTML没有结构语义化的标签，通常以
来命名，HTML5则增加了很多语义化的标签，比如： 、、、、等，使代码结构清晰，更加具有可读性。
HTML5新增了强大的绘图功能，通过绘画功能，加上JS可以实现动画以及图片。而HTML4.0却不行。在HTML5中，Canvas和SVG可以进行绘图，Canvas相当于一个画布，可以通过JavaScript 来绘制 2D 图形，Canvas 是逐像素进行渲染的。SVG是可伸缩矢量图形，用于定义网络的基于矢量的图形，SVG 严格遵从 XML 语法，其图像文件可读并且易于修改和编辑，可以被搜索、索引、脚本化或者压缩。可以在任何分辨率下被高质量地打印。
除了上述几点，强大的HTML5还新增了视频标签。这个功能是HTML4.0所不具备的，用HTML4.0插入视频需要很长一段代码，但是用HTML5就只需要video标签即可。
总结：
1、文档声明区别
HTML5.0：文档声明HTML5方便书写，精简，有利于程序员快速的阅读和开发。
2、结构语义区别
html：没有体现结构语义化的标签，如：
html5：添加了许多具有语义化的标签，如：、、、...
相对于HTML，HTML5中新增和修改了一些元素。
3、绘图区别
HTML：指可伸缩矢量图形，用于定义网络的基于矢量的图形。
HTML5：HTML5的canvas元素使用脚本(通常使用JavaScript)在网页上绘制图像，可以控制画布每一个像素。
4、音频和视频的支持
HTML如果不使用Flash播放器支持，它不支持音频和视频。HTML5使用和标签来支持音频和视频控制。
5、语法的处理
HTML无法处理不准确的语法;HTML5能够处理不准确的语法。