HTML5新增的标签和表单控件

新增的标签

1.结构标签

1. header     页面头部标签
2. footer     页脚底部标签	
3. nav        导航
4. section	  划分区域	(有点代替div的意思)	
5. article	  主题内容块
6. aside      侧边栏

2.功能标签

• 标题组合 hgrounp

<hgrounp>
	<h1></h1>
	<h2></h2>
</hgrounp>

• 进度条 progress

<progress min='0' max='100' value='30' progress>

• 选项列表 datalist

<input type="text" name="" list="k" />
<datalist id="k">
	<option value="html">html</option>
	option value="css">css</option>
	<option value="js">js</option>
</datalist>

• 定义对话框或窗口 dialog

<dialog open>
	<dt>1问题</dt>
	<dd>1答案</dd>
</dialog>

• 媒体标签 figure
• 媒体组合标签 figcaption

<figure>
		<figcaption>标题</figcaption>
		<p>内容</p>
</figure>

• 标记标签 mark

表单新增的控件(type属性)

1. email: 提交表单时检测值是否是一个电子邮件格式
2. url: 提交表单时检测值是否是一个url格式
3. date: 年-月-日格式的控件
4. time: 时:分格式的控件
5. datetime: 年-月-日 时:分 格式的控件（UTC时间）
6. datetime-local: 年-月-日 时:分 格式的控件（本地时间）
7. month: 年-月格式的控件
8. week: 年-周数格式的控件
9. search: 用于搜索
10. color: 调用系统选色器
11. tel: 电话输入框
12. number: 数字输入框
13. range: 选择区域

eg：<input type="email"  name=""/>