H5/C3新特性

HTML5 新特性

• 语义化更好的内容标签(header,nav,section,footer,aside,article)
• 表单控件, calendar,date,time,email,url,search
• 音频、视频API(aduio,video)
• 画布API(canvas)
• 地理API(geolocation)
• 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不会丢失
• sessionStorage 数据在浏览器关闭后自动删除
• 新技术 webworker,websocket,geolocation

HTML5移除的元素

• 纯表现元素: basefont, big, center, font, s, strike, tt, u
• 对可用性产生负面影响的元素: frame, frameset, noframes

低版本浏览器如何支持HTML5新标签

在ie8/7/6下可以通过document.createElement方式创建新标签,可以利用这一特性支持HTML5新标签,创建好标签后还需要添加默认样式,当然更多的是采用html5shim框架:

<!–[if It IE 9]>

<![endif]–>

CSS3 新特性

• C3实现原件(border-radius),图片边框(border-image),阴影(box-shadow)
• 增加了更多的选择器
• @font-fase特性,加载服务器或者第三方库字体
• 多列布局(multi-column layout)
• 背景属性: background-origin,backgound-clip,background-size
• 弹性盒子或者说伸缩盒子
• 线性渐变
• 变换效果transform: 旋转(rotete),缩放(scale),定位(translate),倾斜(skew)
• 过渡效果transitions:transitions-property/duration/delay/timing-function
• 动画效果animation
• 颜色 opacity,rgba,hsla
• 文字效果: text-shadow/overflow,word-wrap