HTML和HTML5的区别:

其实说白了，就是ES5和ES6的区别，无非就是换汤不换药，其实这个说法也不太对，是加了一些调料而已，HTML是前端搭建页面的必须品，但是随着人们开发的需求和速度，后期维护和代码可读性，各个方面的需求不断增加，会发现HTML里面的一些标签满足不了，所以就更新换代，不断的更具需求整合添加了一部分新的元素标签进来，其中常用的有如下这些，如有不全请谅解，仅供参考:

新增的结构标签：

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动画

定义：使元素从一种样式逐渐变化到另外一种样式的效果。

以上列举的只是一部分，后续会持续更新，希望可以帮到大家，在爬坑的路上少走弯路。

后面会介绍JS新增的一些特性和语法，喜欢的可以点个关注！