html又称为“超文本标记语言”，是我们网页布局用的语言，而不是编程语言，是布局网页前端用的，一般和js结合用的比较多，那么html5和以前的html版本有哪些区别呢？增加或者改善了什么呢？下面一一来说。
1.声明格式不同
在以前的html4.0版本，<!DOCTYPE> 声明需引用 DTD （文档类型声明），格式如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">，可以看出来，还是比较长的，而在html5中，只需要声明<!DOCTYPE html>即可，简化了很多。
2.增加新元素和功能
由于富媒体的发展和移动端的发展，以前的html版本有很多功能都过时或者跟不上时代，于是在html5这里得到了改善和发展，增加了以下令人心动的功能：
2.1标签语义化
比如常见的网页头部、尾部、块内容等等都有相应的标签了，如header,footer,article等，这样统一性更好。在以前的老版本html中需要自己定义头部和尾部以及其他块内容标签，统一性不好。
2.2 音视频播放功能
只需要一个vedio标签，即可播放视频，而音频则只需要一个audio即可，简单快捷，这个在以前是做不到的，以前需要依赖过时的flash或者别的网页播放器才可以，比较复杂，而且浏览器兼容性不好，现在html5即可解决这个问题，只需要如下代码即可播放一段完整的视频。
2.3画布功能
Html5增加了canvas来绘制图像，使用也很简单，只需要定义canvas的宽度和高度，然后结合js填充画布即可，如下面的代码所示：
实现效果如下图。
以上实例是结合js画了一个矩形，然后用ctx.fillStyle填充颜色，最后定义颜色趋于为一个矩形。
其实cavas的功能很强大，可以填充渐变，圆形等各种形状和色彩。
2.4其他新功能
Html5完全支持css3，结合css3可以做很多酷炫的网页，比如常见的animate动画标签， box-shadow可以做阴影等效果等，如下图，是万书涛开发的《淡雅瑜伽健身帝国cms响应式网站模板》阴影效果还有滑动效果，感兴趣的可以点击上面的链接观看。
3. 去除了一些html老版本的过时标签
主要有以下html标签被去除：
<acronym><applet><basefont><big><center><dir><font><frame><frameset><noframes><strike>
以上就是万书涛总结的html5和老的html版本的区别和新增的功能介绍，所以，建议如果想学习html直接学习html5就可以，目前大部分大中型网站已经开始使用html5和css3建设网站了。
PS：本文来自万书涛的个人博客，感谢分享。
1.声明格式不同
在以前的html4.0版本，<!DOCTYPE> 声明需引用 DTD （文档类型声明），格式如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">，可以看出来，还是比较长的，而在html5中，只需要声明<!DOCTYPE html>即可，简化了很多。
2.增加新元素和功能
由于富媒体的发展和移动端的发展，以前的html版本有很多功能都过时或者跟不上时代，于是在html5这里得到了改善和发展，增加了以下令人心动的功能：
2.1标签语义化
比如常见的网页头部、尾部、块内容等等都有相应的标签了，如header,footer,article等，这样统一性更好。在以前的老版本html中需要自己定义头部和尾部以及其他块内容标签，统一性不好。
2.2 音视频播放功能
只需要一个vedio标签，即可播放视频，而音频则只需要一个audio即可，简单快捷，这个在以前是做不到的，以前需要依赖过时的flash或者别的网页播放器才可以，比较复杂，而且浏览器兼容性不好，现在html5即可解决这个问题，只需要如下代码即可播放一段完整的视频。
| <video src="shipin.ogg" controls="controls"> 您的浏览器不支持 video 标签。 </video> |
2.3画布功能
Html5增加了canvas来绘制图像，使用也很简单，只需要定义canvas的宽度和高度，然后结合js填充画布即可，如下面的代码所示：
| <canvas id="wstcanvas" width="200" height="150" style="border:1px solid #000000;"> </canvas> <script type="text/javascript"> var c=document.getElementById("wstcanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="#FEA7A3"; ctx.fillRect(0,0,200,79); </script> |
实现效果如下图。
以上实例是结合js画了一个矩形，然后用ctx.fillStyle填充颜色，最后定义颜色趋于为一个矩形。
其实cavas的功能很强大，可以填充渐变，圆形等各种形状和色彩。
2.4其他新功能
Html5完全支持css3，结合css3可以做很多酷炫的网页，比如常见的animate动画标签， box-shadow可以做阴影等效果等，如下图，是万书涛开发的《淡雅瑜伽健身帝国cms响应式网站模板》阴影效果还有滑动效果，感兴趣的可以点击上面的链接观看。
3. 去除了一些html老版本的过时标签 主要有以下html标签被去除：
<acronym><applet><basefont><big><center><dir><font><frame><frameset><noframes><strike>
以上就是万书涛总结的html5和老的html版本的区别和新增的功能介绍，所以，建议如果想学习html直接学习html5就可以，目前大部分大中型网站已经开始使用html5和css3建设网站了。
PS：本文来自万书涛的个人博客，感谢分享。
