面试问题之H5C3有哪些新特性？

H5 C3 新增

h5

1.语义化标签

• header、footer、aside、section、article、nav

2.表单输入类型

• email、url、number、range、Date Pickers、search、color

3.表单属性

• autocomplete、placeholder、form

4.视频音频

• video、audio

5.画布

• canvas

6.伸缩矢量图

• svg

7.拖拽属性

• draggable

8.事件

• resize
• input

9.地理定位

• Geolocation

10.web存储

• sessionStorage 和 localStorage

11.应用程序缓存 application cache

• 创建 chche manifest 文件

12.文件通讯协议

• websocket

13.文件读取

• fileReader

14.类名操作

• classlist

css3

1.选择器

• :nth-child()
• :nth-of-type()
• :checked
• :disabled

2.盒模型

• box-sizing

3.背景

• background-image、background-size、background-origin

4.渐变

• linear-gradient、radial-gradient

5.边框

• border-radius、border-image

6.阴影

• box-shadow、text-shadow

7.2D/3D转换

• transform：translate rotate scale skew

8.过渡

• transition

9.动画

• keyframes、animation

10.弹性盒子

• flex

11.媒体查询

• @media

参考 https://www.jianshu.com/p/82ddb8172c00