Web前端高频面试题（附通俗详细答案）.docxVIP

Web前端高频面试题（附通俗详细答案）

一、HTML模块

1、说说HTML5新增的特性？

答：我日常开发里用的比较多的分为5块：

语义化标签：替换以前清一色的div，比如header、nav、main、section、aside、footer，代码可读性更高，也方便SEO爬虫解析；

多媒体标签：audio音频、video视频，不用再依赖flash插件，原生就能播放媒体资源；

表单升级：新增input类型，比如date、tel、email、number，同时自带简单校验规则，还新增placeholder、required这类属性；

本地存储：新增localStorage、sessionStorage，弥补cookie存储容量小、受请求头限制的问题；

其他功能：canvas画布做图形绘制、svg矢量图、拖拽API、地理位置API。

2、什么是语义化标签？有什么好处？

答：语义化标签就是标签本身能直观代表对应的内容含义，不是单纯用来布局的空标签。

好处：第一，代码结构清晰，同事接手项目能快速看懂页面结构；第二，利于SEO，搜索引擎能精准识别页面模块；第三，适配屏幕阅读器，对残障用户更友好；第四，移动端适配、浏览器解析稳定性更好。

3、Cookie、sessionStorage、localStorage的区别？

答：三者都是客户端存储方案，核心区别在存储大小、有效期、请求携带、作用域：