HTML和HTML5的区别:
其实说白了，就是ES5和ES6的区别，无非就是换汤不换药，其实这个说法也不太对，是加了一些调料而已，HTML是前端搭建页面的必须品，但是随着人们开发的需求和速度，后期维护和代码可读性，各个方面的需求不断增加，会发现HTML里面的一些标签满足不了，所以就更新换代，不断的更具需求整合添加了一部分新的元素标签进来，这些标签的加入大大增加了代码的可读性，结束了一个div写这个页面的时代，也有利于浏览器的读取，优化了加载数度，其中常用的有如下这些，如有不全请谅解，仅供参考:
新增的结构标签：
1、header元素
表示页面中一个内容区块或真个页面的标题。
2、hgroup元素
表示对真个页面或页面中的一个内容区块的标题进行组合。
3、article元素
表示页面中一块与上下文不相关的独立内容。比如一篇文章。
4、aside元素
表示article元素内容之外的、与article元素内容相关的辅助信息。
5、footer元素
表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系信息。
还有以下一些也会经常用到，如新的表单控件，比如 calendar、date、time、email、url、search；用于媒介回放的 video 和 audio 元素；用于绘画的 canvas 元素 ，这些都是新增的一些非常强大的标签，多多研究对我们的提升有非常大的帮助的。
css和css3的区别:
同理哈，话不多说了，其实和上面讲的HTML区别一样，都是升级版，在原来的基础上添加了一些常用的新属性，下面列举了一些，大家可以了解一下:
一：CSS3选择器
1.基本选择器
2.属性选择器
3.伪类选择器
二：CSS3边框与圆角
1.CSS3圆角border-radius
2.盒阴影box-shadow
三：CSS3背景与渐变
1.CSS3背景
background-image
2.CSS3渐变
定义：可以在两个或者多个指定颜色之间显示平移的过渡
四：CSS3过渡
定义：允许css的属性值在一定时间区间内平滑的过渡，在鼠标点击，鼠标滑过或对元素任何改变中触发，并圆滑地以动画形式改变css的属性值。
五：CSS3变换
定义：让一个元素在一个坐标系统中变形，这个属性包含一系列的变形函数，可以移动，旋转，缩放元素。
六：CSS3动画
定义：使元素从一种样式逐渐变化到另外一种样式的效果。
ES5和ES6的区别:
其实道理都一样，都是迭代版本，增加了一些新的功能
这里简单的举几个例子吧，不多赘述，想了解的可以看官方文档
var let const的区别
数组新增拓展
对象新增拓展
函数新增拓展
Set 和 Map
Promise
Generator
Proxy
Module
Decorator
以上列举的只是一部分，后续会持续更新，希望可以帮到大家，在爬坑的路上少走弯路。
后面会介绍JS新增的一些特性和语法，喜欢的可以点个关注！
