HTML5 CSS3

HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的 IE 支持 HTML5新标签

HTML是超文本标记语言，HTML5是第五个版本，也是目前最新的版本。

HTML5的新特性

• 新增了许多语义化的标签。如：header，footer，section，article等等
• 本地存储特性。HTML5的APP Cache以及本地存储功能使得网页拥有更快的启动时间和更快的联网速度
• 连接特性。更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。
• 网页多媒体。audio、radio、CANVAS、SVG、websocket
• 通过XMLHttpRequest2解决了跨域问题，帮助用户在多样化的环境中更加快速的适应工作

兼容IE

采用Google的html5shiv包解决

<!--[if lt IE9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

同时还要设置他们的display

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

input 有哪些新增类型？

//HTML5新增input属性
<form>
        <input type="email" >//输入后会检验是否符合邮箱格式
        <input type="url" >//输入后会检验是否符合url形式
        <input type="number" >//只能输入数字，另外还可以通过上下箭头改变数字大小
        <input type="range">
        <input type="date">//点击之后选择日期
    </form>

浏览器本地存储中 cookie 和 localStorage 有什么区别？ localStorage 如何存储删除数据。

相同点

• cookie和localStorage都是在浏览器端的
• 二者是同源的

不同点

• 存储数据大小。cookie只能存储4k的数据，localStorage可以存储5M数据
• 应用场景不同。cookie是在http请求中携带的，即cookie是在浏览器和客户端之间传递；localStorage是离线存储的，是从本地获取的
• 过期时间。cookie在过期时间之前一直有效，即使退出浏览器的情况下；localStorage会一直保存数据

localStorage存储删除数据

localStorage.setItem(item,value);
localStorage.xx=1;//直接赋值也可以
localStorage.getItem(xxx);//得到数据
localStorage.removeItem(xxx);//删除数据
localStorage.clear();//清空所有数据

css3 Demo1
css3 Demo2
css3 Demo3