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动画
定义:使元素从一种样式逐渐变化到另外一种样式的效果。