H5新增语义化标签以及属性

一、结构标签
缺点：兼容性比较差ie8+才能shibie
1.section 独立内容模块，可以h1-h6组成大纲，表示文档结构，有章节、页眉、页脚或其他部分
2、article （文章）文章核心部分
3、阿斯德标签内容之外相辅的信息 侧边栏
4、header 头部、标题
5、footer 底部
6、nav 导航
7、figure标签 代替原来的li>img+p就是有文字有图片的区域
二、IE使用新标签的兼容性处理
1：利用js去创造这些新的标签方法：document.createElement（‘标签名’）；
2：<script src="html5shiv.min.js/html5shiv.js>
三、新增的input type属性值：
email 输入邮箱格式 1:自动切换键盘 显示出@符号 2: 提供了邮箱的完整验证(格式)
tel 输入手机号码格式 只是打开移动端的数字键盘 ,不提供验证(原因就是实现起来太复杂)
url 输入url格式
number输入数字格式 数字输入的地方 min : 最小值 max:最大值 —>减少后面js对数字区间的验证
search 搜索框（体现语义化） 功能不是搜索 只是用在搜索框上 提高用户体验 利用鼠标删除 不涉及键盘
range 自由拖动滑块
date 年月日
datatime 时间
month 月年
week 星期年