HTML5与CSS3知识点总结
HTML5
HTML的进一步优化与完善,去掉一些歧义的标签,增加更多语义化的标签,使得浏览器更加容易seo检索与读取,使得页面文档结构更加清晰,这些语义化标签有<header><body><footer><article><section><nav><aside>,另外还有新的表单控件type属性,如url,emai,time,date等等,新增多媒体标签<audio><video>
对本地存储的支持优化,新增localstorage与sessionstorage,使得前端对数据的存储与读取更方便
新增页面的绘画属性标签<canvas>,使得前端可以绘制复杂的曲线与动画,这也是在移动端的展示优化,使得网页也可以用来做游戏,更加支持游戏页面的渲染
完全支持css3属性
CSS3
css3新增众多属性,与选择器,选择器的新增使得页面的渲染效果更加精准与复杂多变,使得css与html更加分离与负责各自主要的功能模块,新增伪类选择器,标签选择器,属性选择器,结构伪类选择器,伪元素选择器等等
css3的盒模型,将盒模型分为传统的盒模型与标准的盒模型,传统的宽度包括width+padding+border,标准的只包括width,不受padding等的影响
css3新增的calc计算属性,可以在css对属性值进行动态计算
css3新增丰富的动画属性,比如过渡,旋转,平移,2D,3D变换等等都丰富了页面的展示效果,使得页面更加复杂与美观
css3新增了浏览器的私有前缀,用来兼容不同浏览器的不同的展示问题,以及低版本不兼容的问题 -o-opera,-webkit-chrome,-moz-firefox,-ms-IE
