H5与CSS3的初步认识

一：认识H5
1.H5并不是新的语言，而是html语言的第五次重大修改；
2.支持：所有的主流浏览器都支持h5(chrome,firefox,safari)
IE9及以上支持h5,但是IE8及以下不支持h5;
3.h5改变了用户与文档的交互方式；
4.增加了其他新的特性：语义特性，本地存储特性，网页多媒体，二维和三维，特效（过渡 动画）
5.相对于h4
《1》进步：抛弃了一些不合理不常用的标记和属性
《2》新增了一些标记和属性
《3》从代码角度而言，h5的网页结构更加简单
二：h5部分常用语义化标签
nav:表示导航
header:表示页眉
footer:页脚
main：文档主要内容
artide：文章
aside:主题内容之外
注意:一些语义化标签在IE9中是行级元素 display:block；
三:
对于表单新增属性type
<form action=" ">
用户名：<input type =“text” name=“userName”>
密码：<input type="passworld"name=“userpwd”>
邮箱：<input type=“email”>(email 提供了默认的电子邮箱的完整性验证。包含@、服务器名称，如果不能满足验证，则会阻止提交
电话：<input type=“tel”>
网址：<input type=“url”>(验证只能输入合法的网址，必须包含http://)
数量：<input type=“number”>(只能输入数字，小数点可以。max最大值 min最小值 value默认值）
商品名称：<input type=“search”>(可以提供更人性化的体验）
范围：<input type=“range”>max min value
颜色：<input type=“color”>
时间：<input type=“time”>
日期：<input type=“date”>
日期时间：<input type=“datetime-local”>
月份：<input type=“month”>
星期：<input type=“week”>