HTML5新特性![](https://i-blog.csdnimg.cn/blog_migrate/c0ea3c121a0a5b8ed3f104c1b0cbd640.png)
1.新增语义化标签 ![](https://i-blog.csdnimg.cn/blog_migrate/7d471d43114c9362b62e755b8046ff57.png)
2.新增的多媒体标签![](https://i-blog.csdnimg.cn/blog_migrate/5bcbd52f5dfac89cad19a4d908cd971d.png)
HTML5在不使用插件的情况下,也可以原生的支持音频/视频格式文件的播放,当然,支持的格式是有限的。
2.1新增音频标签![](https://i-blog.csdnimg.cn/blog_migrate/fc43249b056f26a3a0843a52e2c77ac6.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e2b806ba3a66a48ad55a6714067118b8.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5da2893d0ab6647882f007f95be1ccc2.png)
2.2新增视频标签
2.3多媒体标签总结![](https://i-blog.csdnimg.cn/blog_migrate/88785821c760d842ffdde4f32835230b.png)
3.新增的input类型![](https://i-blog.csdnimg.cn/blog_migrate/5e70eb01ee7d2905e3c5f78f5d997b60.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e28cafa34a9c686a423a5774cfa56a8b.png)
4.新增的表单属性 ![](https://i-blog.csdnimg.cn/blog_migrate/e85d64596f31fca8b45d23d4d3c78150.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0a2e5eb984ae7a6494fb88567d068e50.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b2abe63fdaf4af4bef837677e1861d79.png)
CSS3新特性
1.新增选择器![](https://i-blog.csdnimg.cn/blog_migrate/d6a2636c4844d1e6339111dfd1a83b15.png)
1.1属性选择器![](https://i-blog.csdnimg.cn/blog_migrate/32d72e790cd0e5e4a38119a49a2bd984.png)
![](https://i-blog.csdnimg.cn/blog_migrate/55419b74214c3327b440516784b759e7.png)
1.2结构伪类选择器 ![](https://i-blog.csdnimg.cn/blog_migrate/054e7f2d6273734cbb50b92a8f77bf22.png)
![](https://i-blog.csdnimg.cn/blog_migrate/63f783560103a7dc87c117650c1321a1.png)
![](https://i-blog.csdnimg.cn/blog_migrate/2724b718c71c63bf382b44c0a1a66f49.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b280c137cdaae897a51d5324d956729d.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d338b3c6810dae70376e89d1b854b580.png)
![](https://i-blog.csdnimg.cn/blog_migrate/7bda0f9f4d6900034354aa699cc32928.png)
![](https://i-blog.csdnimg.cn/blog_migrate/fd3a04b5c36ef37c43b53fc569bed178.png)
3.伪元素选择器![](https://i-blog.csdnimg.cn/blog_migrate/ba29dba745d501e404cbe67b1c80f42a.png)
3.1伪元素字体图标![](https://i-blog.csdnimg.cn/blog_migrate/4b9a3028ce334e35d0453abb320e9a3a.png)
3.2仿遮罩层效果 ![](https://i-blog.csdnimg.cn/blog_migrate/f07b248b6d377dc107eeb4c6f06768c1.png)
注意无空格,受语法限制。