HTML5新特性:
语义化标签(header、nav、footer、section、article、aside)
音频、视频(audio、video)标签
新增input类型(calender、date、time、url、email、search)
新增表单属性(required、placeholder、autofocus、multiple)
画布(canvas)
拖放(Drag and drop)
本地离线存储(localStorage),即长期存储数据,浏览器关闭后数据不丢失
会话存储(sessionStorage),即数据在浏览器关闭后自动删除
新的技术(webworker、websocket)
HTML5移除的元素:
纯表现的元素:
basefont:默认字体,不设置字体,以此渲染
font: 字体标签
center: 水平居中
u: 下划线
big: 大字体
strike: 中横线
tt: 文本等宽
对可用性产生负面影响的元素:frame、frameset、noframes
如何处理HTML5新标签的浏览器兼容性问题?
① IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签
② 也可以使用成熟的框架 ex:html5shim
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
如何区分Html和Html5:
文档类型声明不同
Html : 比较冗长
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”>
Html5:比较简洁<!doctype html>
CSS3新特性:
盒子模型
圆角边框
盒子阴影
文字阴影
新增选择器:1. 属性选择器 2. 结构伪类选择器 3. 伪元素选择器
滤镜filter
calc 函数
transition过渡
动画