HTML5和css3新增特性

---

前言

一、HTML5新增特性？

1.语义化标签：header、footer、section、nav、aside、article
2.增强型表单：input 的多个 type
3.新增表单属性：placehoder、required、min 和 max
4.音频视频：audio、video
5.canvas 画布
6.地理定位 : HTML5 Geolocation API 用于获得用户的地理位置。
7.拖拽
8.本地存储：localStorage 没有时间限制的数据存储；
sessionStorage， session 的数据存储，当用户关闭浏览器窗口后，数据会被删除
9.新事件：onresize、ondrag、onscroll、onmousewheel、onerror、onplay、onpause

拖拽:：拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。

设置元素为可拖放：

<imgdraggable="true">	//首先，为了使元素可拖动，把 draggable 属性设置为 true
ondragstart 和 setData() //拖动什么
ondragover //放到何处 
ondrop //进行放置 

1.语义化标签

常见的标签:

标签	描述
article	定义页面独立的内容区域
header	定义了文档的头部区域
nav	定义文档的导航
section	定义文档中的节（section、区段）
aside	定义页面的侧边栏内容
dialog	定义对话框，比如提示框
time	定义日期或时间
mark	定义带有记号的文本

2. 表单类型增强

HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。

input的类型	描述