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();//清空所有数据