前端面试官常问的问题和答案(HTML高频面试题)

1、语义话的目的是什么？

语义化的主要目的可以概括为用正确的标签做正确的事

HTMl语义化可以让页面的内容结构化，以便于浏览器解析和搜索引擎解析，

并且提高了代码的可读性便于代码维护，

2、HTML5新增元素

Canvas绘图以及SVG绘图。

拖放（Drag and drop）API

语义化标签（header、nav、footer、article、section）

音频、视频（audio、video）API

地理定位（Geolocation）

本地离线存储（localStorage）,长期存储数据，关闭浏览器后不丢失。

会话储存（sessionStorage）,数据在关闭浏览器后自动删除。

表单控件（calendar、date、time、email、url、search）

3、cookie与sessionStorage和localStorage的区别

保存方式

cookie存放在客户的浏览器上。

session都在客户端中保存，不参与服务器通讯。

生命周期

cookie可设置失效时间

localStorage除非手动清除否则永久保存

sessionStorage关闭当前页面或浏览器后失效

存储的大小

cookie 4kb左右

session 5M

易用性

cookie需自己封装

session可以接受原生接口

因为cookie每次请求都会携带在http请求中,所以它的主要用来识别用户登录,localStorage可以用

来跨页面传参,sessionStorage可以用来保留一些临时数据。