HTML5新增特性

一、语义化标签

意义增加可读性（程序员拿到代码后了解所写的内容）

1、

<header>定义网页的头部页眉</header>

<nav>定义导航链接部分</ nav>

<section>定义区域</ section>

<article>定义文章</article>

<aside>定义侧边栏</aside>

<footer>定义网页的底部页脚</footer>

2、

datalist:选项列表

fieldset:可将表单内的相关元素分组打包，与legend搭配使用

mark:文字提亮

meter:定义度量衡，仅用于已知最大和最小值的度量。比如︰磁盘使用情况，查询结果的相关性等。不能当做进度条使用。

min:规定范围最小值 max:规定范奥最大值

value:规定度量的当前值，是必须的属性。可以用数值表示。

low:范围界定的最低值 high:范围界定的最大值

注意:IE浏览器不支持meter标签。

二、表单

新增input type属性：

三、新增input属性

常用：

1、placeholder 给用户提示文字

2、checkbox 默认属性等于值可以省略值

3、multiple 多选文件

4、disabled 禁用

5、autofocus 自动聚焦

6、required 必填项

四、新增多媒体标签

embed:embed可以用来插入各种多媒体，格式可以是Midi、Wav、AlIFF、AU、MP3等，src为音频或视频文件的路径，可以是相对路径或绝对路径。

type:要输出的媒体类型（一般不去规定，自动）

audio:

controls---控制面板

video:

循环:loop

在html里的自动播放是需要条件的，这个条件由于浏览器决定。

autoplay:自动播放

muted:禁音

五、 新增了canvas 和 svg 绘图

canvas：定义绘图区域

svg：定义矢量图

六、 新增了地理定位

navgiator.geolocation

七、新增了拖拽API

drag 拖动，drop 放下

八、新增了多线程技术

web worker

九、新增了即时通讯

web socket

十、新增了 web storage

sessionStorage（会话存储）和locaStorage（永久存储）

参考文章：

H5新特性 - 简书 (jianshu.com)