HTML 类型

HTML 和 HTML5 有什么区别？

详细讲解：HTML 和 HTML5 有什么区别？

一句话回答面试官：HTML5 是 HTML 的一个新标准，首先是文档的类型声明方式，HTML5 声明语句会更加精简，然后就是新增了音频、视频、图形的的标签，以及其他语义化的标签，同时也移除了一部分标签。最后就是新增了本地存储 localStorage 和 会话存储 sessionStorage。

注意：面试官可能会二次提问 localStorage、sessionStorage、cookie 三者有什么区别？

什么是 Web 标准以及 W3C 规范？

详细讲解：Web 标准 & W3C 规范

一句话回答面试官：Web 标准就是指网页中结构、表现、行为三部分，分别对应 html、css、js。而 W3C 则是对这三者进行了约束规范，例如标签字母要小写，不允许随意嵌套等。

什么是标签语义化？

详细讲解：标签语义化

一句话回答面试官：标签语义化就是使用合适的标签描述合适的内容，例如标题使用 h1 标签，段落使用 p 标签，列表使用 ul 标签等。另外 HTML5 新增了一些语义化的标签 ，例如 header、footer、nav、main 等。

谈谈你对静态布局、自适应布局、响应式布局的理解？

详细讲解：静态布局 自适应布局 响应式布局

一句话回答面试官：静态布局是比较常见的一种布局方式，元素基本上都是固定的尺寸，这种布局开发起来简单，但是兼容性不好。自适应布局就是可以兼容不同分辨率的设备。响应式布局则是在不同平台端有着不同的展示方式。

注意：自适应布局和响应式布局有点接近，不要搞混，一定要知道它们之间的区别。

浏览器缓存 cookie、localStorage、sessionStorage 三者有什么区别？

详细讲解：浏览器缓存

一句话回答面试官：主要在存储大小、过期时间、存储方式、安全性上有区别，例如 cookie 的数据大小一般不能超过 4KB，而 localStorage 和 sessionStorage 的数据支持 5MB 左右。cookie 是有过期时间的，而 localStorage 除非手动清除否则一直存在。sessionStorage 则是关闭浏览器后就会被销毁。在进行 HTTP 请求时，默认会携带 cookie 信息等。