html5介绍

（1）HTML5将成为HTML，XHTML以及HTML DOM 的新标准。大部分现代浏览器以经具备了某些HTML5支持。
（2）官方概念：HTML5草案的前身名为web Applications1.0,是作为下一代互联网标准，用于取代HTML4与xhtml的新一代标准版本，所以叫HTML5，它增加了新的标签和属性，加强了网页的标准，语义化与web表现性能，同时还增加了本地数据库等web应用的功能。
（3）HTML5一般现在都用来制作动画。
（4）HTML5的特点：
更简单，写法更简洁，如doctype；
标签语义化,所有的标记都是有意义的，如：div class=”header”,header nav
语法更轻松–

；
增加了强大的画布标签,必须配合js 使用；
一些标签不再使用（如：font，basefont,center,dir);
多设备跨平台；
自适应网页设计，兼容性好–响应式–网页根据屏幕大小自动改变网页的内容大小；
2.HTML5新增标签及属性
（1)表单的新增属性：


（2）input表单的type新增属性：

原有的Text/submit/password/checkbox/select/radio/textarea/image/reset/botton/file/hidden


(2)通用属性：contenteditable和hidden
Contenteditable:把普通元素做成可以可以输入内容的元素

Hidden:隐藏：

（3）结构标签：


（5）detaills,summary,mark标签–动态下拉展示效果

（6)多媒体的标签video和audio
在这里插入图片描述


视频：

3新增选择器：



（1）新增伪类选择器

案例：


（2）border-radius属性
border-radius是圆角的意思，

（3）box-shadow属性：
Box-shadow指的是阴影



案例：





块元素居中显示（transform）


斜切效果

头像旋转，特效360度

（7）3d旋转

（7)放大效果