2021-10-09 面试题:html(三) 语义化标签的理解,cookie&localStorage&sessionStorage的区别.iframe的缺点

1.简述你对HTML语义化的理解

语义化标签就是用正确的标签做正确的事,用标签的英文意思实现它本应能实现的功能
html标签化可以让html内容结构化,让结构更清晰,便于阅读

2.请描述一下 cookies，sessionStorage 和 localStorage 的区别

• cookie是网站为了标示用户身份而储存在本地终端上的的数据,cookie数据在同源的http请求中携带,在服务器和客户端之间来回传递,而其他两个不会自动把数据发给服务器只在本地保存
• 存储大小
  cookie数据大小不能超过4k。
  sessionStorage和localStorage比cookie大得多，可以达到5M或更大
• 有效期：
  localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据:
  sessionStorage 数据在当前浏览器窗口关闭后自动删除。
  cookie 设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭

复习(用自己的语言描述):

1.简述你对HTML语义化的理解

语义化标签就是用正确的标签做正确的事,这样做的好处是可以让页面富有结构性
,让html的结构更清晰,也方便后期的维护

2.请描述一下 cookies，sessionStorage 和 localStorage 的区别

cookie是网站为了识别用户身份信息而存在本地的存储标识,cookie信息会经过http请求中在
服务器和客户端之间发送和接收,而localStorage和sessionStorage只会在本地储存

cookie的大小只有4k,localStorage和sessionStorage虽也有大小限制,单笔cookie大,约有5M

cookie在其有效期内会一直存在,localStorage如果不是主动删除会一直存在,sessionStorage是会话级的存储,会随着浏览器的关闭而消失

3.iframe有哪些缺点?

• iframe会阻塞页面的onload事件,因为搜索引擎的检索程序无法解读这种页面
• iframe会影响主页面的并行加载,因为iframe和主页面共享连接池,而浏览器对相同域的连接有限制
  解决:使用javascript动态地给iframe添加src属性