H5新特性总结

HTML5十个新特性

1.语义标签
2.增强型表单
3.视频和音频
4.Canvas绘图
5.SVG绘图
6.地理定位
7.拖放API
8.WebWorker
9.WebStorage
10.WebSocket

---

一、语义标签

header 定义文章的头部，通常是一些引导和导航信息，包含h1~h6、搜索框、logo等。

footer 定义section或document的页脚，一般配合address标签(显示地址)，包含作者信息、相关链接等。

article 标签包含文章，一般内嵌header、footer、h1、p标签。

aside 用来转载非正文内容，对于主题内容的说明，例如广告、侧边栏。

section 定义文档中的节，例如小说中的一章。

nav 定义显示导航链接

hgroup顾名思义是h1~h6的集合。

time 定义日期或者时间，或者两者

main 规定文档的主要内容（不能出现一个以上的main元素）

figure 标签包含独立的媒体内容，图像、图标、照片等

figcaption 标签定义figure的元素标题

details 描述文档某个部分细节，而这个细节并不需要文档加载时就展示，而是可以折叠

summary 默认显示的details元素的标题

datalist 输入框提示列表（input的list属性值为datalist的id）

progress 进度条。max 进度完成值，min 定义当前值

mark 标记需要突出显示的文本

---

二、增强型表单/表单2.0

1.新的 input type

2.新的表单元素
<input> <textarea> <select> <option>…

<datalist>：数据列表，为input提供输入建议列表

<progress>：进度条，展示连接/下载进度

<meter>：刻度尺/度量衡，描述数据所处的阶段，红色(危险)=>黄色(警告)=>绿色(优秀)

<output>：输出内容，语义上表示此处的数据是经过计算而输出得到的

3.表单元素的新属性

通用属性：

placeholder：占位提示文字

mutiple：是否允许多个输入

autofocus：自动获得输入焦点

form：指定输入元素所从属的表单，可以实现输入框放在表单外部并能被提交的效果

验证属性(了解即可)：

required：输入框内容不能为空

min：