题目1: HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签?
HTML5 是对 HTML 标准的第五次修订,目前仍未完工。其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。
语义:能够让你更恰当地描述你的内容是什么。
连通性:能够让你和服务器之间通过创新的新技术方法进行通信。
离线 & 存储:能够让网页在客户端本地存储数据以及更高效地离线运行。
多媒体:使 video 和 audio 成为了在所有 Web 中的一等公民。
2D/3D 绘图 & 效果:提供了一个更加分化范围的呈现选择。
性能 & 集成:提供了非常显著的性能优化和更有效的计算机硬件使用。
设备访问 Device Access:能够处理各种输入和输出设备。
样式设计: 让作者们来创作更加复杂的主题吧!
新增标签有:<header>、<main>,<footer>,<figure>,<nav>,<aside>,<svg>,<section>,<article>,<canvas>
。都是块级元素,主要体现了标签的语义化。
对于低版本的IE,加入<scriptsrc="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
就可以支持HTML5的新标签。
题目2: input 有哪些新增类型?
color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week
参考更多
题目3: 浏览器本地存储中 cookie 和 localStorage 有什么区别? localStorage 如何存储删除数据。
- 有效期 cookie只在设置的过期时间之前一直有效,即使窗口或浏览器关闭,localStorage除非被清除,否则永久保存
- 数据大小 cookie 4K数据极小 localStorage 5MB
- 与服务端通信 cookie每次都会携带在HTTP头中 localStorage在客户端中保存,不与服务器通信
- 数据共享 cookie、localStorage在所有同源窗口中都是共享的
localStorage.setItem('name', 'nick');//存储
localStorage.getItem("name"); //获取
localStorage.removeItem("name");//删除