HTML5有哪些更新
语义化标签
header、nav、article、section、aside、footer
媒体标签
audio
<audio src=” controls autoplay loop=’true’></audio>
video
<video src=” poster=’imgs/aa.jpg’ controls></video>
source标签
因为浏览器对视频格式支持程度不一样，为了能够兼容不同的浏览器，可以通过source来指定视频源。
<video> <source src='aa.flv' type='video/flv'></source> <source src='aa.mp4' type='video/mp4'></source> </video>
表单
表单类型
tel、search、number、email、url、date、time、month、week、color、
表单属性
required、autofocus、autocomplate、multiple、pattern、form
表单事件
oninput：每当input里的输入框内容发生变化都会触发此事件。
oninvalid：当验证不通过时触发此事件。
进度条、度量器
进度条：progress标签：用来表示任务的进度（IE、Safari不支持），max用来表示任务的进度，value表示已完成多少
度量器 ● meter属性：用来显示剩余容量或剩余库存（IE、Safari不支持）
○ high/low：规定被视作高/低的范围
○ max/min：规定最大/小值
○ value：规定当前度量值 设置规则：min < low < high < max
DOM查询操作
document.querySelector(‘’“)
返回文档中与指定选择器或选择器组匹配的第一个 Element对象。 如果找不到匹配项，则返回null。
document.querySelectorAll(‘’”)
返回文档中匹配指定 CSS 选择器的所有元素，返回 NodeList 对象。NodeList 对象表示节点的集合。可以通过索引访问，索引值从 0 开始。
Web存储
sessionStorage：针对一个 session 的数据存储（会话存储：关闭页面会消失）
localStorage：没有时间限制的数据存储（本地存储：关闭页面不会消失）
history API
history.go(num)（前进或后退,可正可负）
history.forward(num)（前进）
history.back（num）（后退）
pushstate
其他
拖放：<img draggable=”true” />
画布（canvas ）：canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方
法。 <canvas id=”myCanvas” width=”200″ height=”100″></canvas>
SVG：SVG 指可伸缩矢量图形，用于定义用于网络的基于矢量的图形，使用 XML 格式定义图形，图像在放大或改变尺寸的情况下其图形质量不会有损失，它是万维网联盟的标准
地理定位：Geolocation（地理定位）用于定位用户的位置。