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


用户名:
密码:
邮箱:(email 提供了默认的电子邮箱的完整性验证。包含@、服务器名称,如果不能满足验证,则会阻止提交
电话:
网址:(验证只能输入合法的网址,必须包含http://)
数量:(只能输入数字,小数点可以。max最大值 min最小值 value默认值)
商品名称:(可以提供更人性化的体验)
范围:max min value
颜色:
时间:
日期:
日期时间:
月份:
星期:

你可能感兴趣的:(H5与CSS3的初步认识)