HTML基础面试题

114 阅读2分钟

html5新特性

一. HTML5新增语义化标签与特性有那些

如:header(页面标题)、nav(导航)、aside(附加内容)、section(主体)、article(完整的内容)、footer(页脚),这些标签能够更好地描述页面的结构和内容,提高了页面的可读性和可访问性。 video(视频)audio(音频)canvas(画布) svg(绘图)Webworker(通信) storage(存储) 等

二. 工作中为什么要使用语义化标签

  • 语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。
  • 有利于seo解析,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各个关键字的权重,语义化的HTML在没有css的情况下也可能呈现较好的内容.结构与代码结构方便其他设备的解析,便于团队开发和维护。

三. cookie localStorage sessionStorage

  • cookie 大小是4kb expires属性设置存储时间 关闭浏览器失效
  • localStorage 大小是5M 关闭浏览器失效
  • sessionStorage 大小是20M 永久存储 需手动销毁

四. web标准及W3C的理解

  • 标签闭合、标签小写、不乱嵌套代码、提高SEO搜索几率、使用外链css和js脚本、结构行为表现的分离。
  • 文件下载与页面速度更快、内容能被更多的用户所访问、能在更广泛的设备所访问、更少的代码和组件。
  • 易维护、改版方便,不需要变动页面内容,提供打印版本而不需要复制内容,提高网站易用性。