前端高频面试题（接地气详细答案）.docxVIP

前端高频面试题（接地气详细答案）

一、HTML基础面试题

1.说说HTML5新增的特性？日常开发常用哪些？

答案：

不用记那些冷门API，面试说常用的就行。HTML5主要是新增了语义化标签、多媒体、表单新属性、本地存储这些核心能力。

日常高频用的：

1.语义化标签：header、nav、main、section、footer、aside。好处是不用全写div，代码结构清晰，搜索引擎和浏览器更容易识别，也利于团队维护。

2.多媒体标签：audio音频、video视频，不用依赖插件就能播放音视频。

3.表单新增：input的type（number、tel、email、date）、placeholder、required自动校验、autofocus。

4.本地存储：localStorage、sessionStorage，替代以前的cookie存本地数据，容量更大、使用更方便。

5.其他常用：canvas绘图、拖拽API、全屏API，项目里偶尔会用到。

2.语义化标签的好处是什么？

答案：

第一，结构清晰，看标签就知道哪部分是导航、哪部分是主体、哪部分是页脚，比一堆divclass=好维护太多。

第二，利于SEO，搜索引擎爬虫能精准识别页面结构和核心内容，提升网页收录和排名。

第三，适配无障碍阅读，屏幕阅读器可以精准解读页面模块，对残障用户更友好。

第四，团队协作友