新增的标签
| 标签 | 描述 |
|---|---|
| figure | figure标签用于定义独立的流内容(图像、图表、照片、代码等)，一般指一个单独的单元。figure元素内最多允许使用一个figcaption元素，该元素应该放在figure元素的第一个或者最后一个子元素的位置。 |
| small | 已经被重新定义了，现在被用来表示小的排版，如网站底部的版权声明 |
| section | section标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。 |
| article | article标签装载显示一个独立的文章内容。还可以嵌套，则内层的artilce对外层的article标签有隶属的关系。例如，一个博客文章，可以用article显示，然后一 些评论可以以article的形式嵌入其中。 |
| aside | 定义页面的侧边栏内容 |
| header | header标签定义文档的页面组合，通常是一些引导和导航信息。 |
| footer | 定义了文档的尾部区域 |
| nav | nav标签定义显示导航链接 |
| dialog | 定义对话框，比如提示框 |
| time | 定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的 |
| 必须输入邮件 | |
| url | 必须输入url地址 |
| number | 必须输入数值 |
| date | 从一个日期选择器选择一个日期 |
| search | 搜索常规的文本域 |
| color | 颜色 |
表单属性
| 属性 | 描述 |
|---|---|
| placehoder | 输入框默认提示 |
| required | 要求填写的输入域不能为空 |
| pattern | 一个正则表达式用于验证 元素的值 |
| min 和 max | 最小值和最大值 |
| step | 输入域规定合法的数字间隔，step 属性可以与 max 以及 min 属性配合使用，以创建合法值的范围 |
| height 和 width | 用于 image 类型的 标签的图像高度和宽度 |
| autofocus | 规定在页面加载时，域自动地获得焦点 |
| multiple | 规定 元素中可选择多个值 |
拖放API
- dragstart：拖动开始
- drag：拖动中
- dragend：拖动结束
- dragenter：拖动着进入
- dragover：拖动着悬停
- dragleave：拖动着离开
- drop：释放
标签内要定义draggable=“true”
例：
<div draggable="true"
@dragstart="dragStart(index)"
@dragenter="dragEnter(index)"
@drageover="dragOver(index)"
@dragend="dragEnd(index)"
>
</div>