Skip to content

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 信息等。