html5的新特性

1.语义化标签有利于seo，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。

语义化的html在没有css的情况下也能呈现较好的内容结构与代码结构

方便其他设备的解析

便于团队开发和维护

2.表单新特性

3.多媒体视频(video)和音频(audio)

4.web存储sessionstorage:关闭浏览器清空数据，储存大小约5M。

localstorage：永久生效，存储大小20M，多窗口下都可以使用

都只能储存字符串

css3的新特性

1.选择器：属性选择器E[attr]，伪类选择器E:nth-child(n)，空伪类E:empty ，排除伪类E:not(selector)

2.颜色：新增了RGBA、HSLA模式

3.文本：为文本设置阴影增强文本的表现能力，通过 text-shadow，可分别设置偏移量、模糊度、颜色(可设透明度)。

4.盒模型：box-sizing: border-box;

5.边框：圆角border-radius，阴影box-shadow

6.背景：通过 background-size 设置背景图片的尺寸。

通过 background-origin 可以设置背景图片定位(background-position)的参照原点。

通过background-clip，可以设置对背景区域进行裁切，即改变背景区域的大小。

7.渐变：线性渐变 linear-gradient，径向渐变radial-gradient

8.字体图标

9.伸缩盒子：调整主轴对齐justify-content，调整侧轴对齐align-items，伸缩分配flex，正序方式排序order

10.2D转换：translate 设置元素的位置(x/y坐标)

scale 设置元素的缩放比例(x/y两个方向)

rotate 设置元素旋转(正值为顺时针，负值为逆时针)

transform-origin 设置转换元素的原点

11.3D转换：透视(perspective)值为1000px~1200px

将2D元素转换为3D立体(给父元素设置)transform-style: perserve-3d;

设置元素背面是否可见 backface-visibility: hidden;

12.动画：定义关键帧 @keyframes

通过百分编写帧

在各帧中分别定义各属性

通过animation将动画应用于相应元素

Pexelshttps://www.wode007.com/sites/73241.html 天堂图片网https://www.wode007.com/sites/73243.html

ES6新特性变量声明：let作用:声明变量，块级作用域，必须先声明后使用，在同一个块内不允许重复命名，没有变量提升。const作用:声明常量，声明的同时必须赋值，不能被重新赋值

解构赋值

模板字符串，支持换行

函数扩展，箭头函数