HTML5新增标签与属性

一、 新增主体结构元素
html5语义标签，可以使开发者更方便清晰构建页面的布局
1、header：定义文档的头部区域
2、footer：定义文档的尾部区域
3、nav：定义文档的导航
4、section：定义文档的节
5、article：定义文章
6、aside：定义也面主体外的内容
7、main：定义文档主内容
二、html5增强页面元素
1、hgroup：标题集合
2、address：联系人信息，用斜体显示
3、figure元素与figcaption元素：figure元素可以表示图片、图表、地图；figcaption元素表示figure元素的标题
4、details和summary：定义用户可以看到或者隐藏的额外细节
5、progress：进度条，音频、视频播放的进度，上传或下载进度等
6、meter：规定范围内的数值量
7、mark：定义带有记号的文本，一般用于标注页面中突出显示的内容
8、改良的ol列表：添加了start属性和reversed属性
9、改良的dl列表：表示多个名字的列表项
10、加以严格限制的cite元素：表示作品的标题，进行斜体显示
11、重新定义的small元素：表示小的印刷体，用于法律法规、版权等内容的显示，并不表示字号变小
12、dialog：定义对话框 ，目前只有chrome和safari6支持
三、html5新增全局属性
1、contentEditable属性：允许用户编辑元素，取值true或false，默认false
2、hidden属性：元素都具有该属性，取值hidden或不写
3、spellcheck属性：拼写与语法检查，默认值为true,进行检查
4、tabindex属性：过tab键访问的顺序，一般只有超链接元素与表单元素可以使用
四、form新增属性（html5表单新增属性）
1、novalidate属性：表单提交时，是否验证表单元素
2、autocomplete属性：取值为on/off,一般与表单元素的autocomplete属性结合使用
五、表单元素新增属性
1、表单内元素的form属性form 属性：规定输入域所属的一个或多个表单。
2、表单内元素的formaction属性：The formaction 属性用于描述表单提交的URL地址. The formaction 属性会覆盖 元素中的action属性.
3、表单内元素的formmethod属性：定义了表单提交的方式。
覆盖了 元素的 method 属性。
4、表单内元素的formenctype属性：formenctype 属性描述了表单提交到服务器的数据编码 (只对form表单中 method=“post” 表单)
formenctype 属性覆盖 form 元素的 enctype 属性
5、表单内元素的formtarget属性：指定一个名称或一个关键字来指明表单提交数据接收后的展示
6、表单内元素的autofocus属性：是一个 boolean 属性.
规定在页面加载时，域自动地获得焦点。
7、required：属性是一个 boolean 属性.
规定必须在提交之前填写输入域（不能为空）。
8、文本框的placeholder属性：提供一种提示（hint），描述输入域所期待的值。
简短的提示在用户输入值前会显示在输入域上。
9、文本框的list属性：规定输入域的 datalist。datalist 是输入域的选项列表。
10、文本框的autoComplete属性：自动完成
11、文本框的pattern属性：描述了一个正则表达式用于验证 元素的值
12、height 和 width 属性规定用于 image 类型的 标签的图像高度和宽度。
六、input标签新增的type属性值
html5修改一些新的input输入特性，改善更好的输入控制和验证。
1、color：选取颜色
2、date：选取日期
3、datetime：输入日期(UTC时间)
4、datetime-local：选取日期（无时区）
5、month：选择一个月份
6、week：选择周
7、time：选择一个时间
8、email：包含e-mail地址的输入域
9、number：数值的输入域
10、url：url地址的输入域
11、tel：定义输入电话号码
12、search：用于搜索域
13、range：一个范围内数字值的输入域
七、新增音频视频标签
1、video:视频元素
2、audio：音频元素
（1）共有属性：control、loop
（2）可以使用提供播放源
（3）video可以poster属性使用为播放视频添加封皮