武汉跟谁学前端面试题库及详细答案（真实面试版）.docxVIP

武汉跟谁学前端面试题库及详细答案（真实面试版）

一、HTML基础真题（3道高频）

1、说说HTML语义化的实际作用，平时开发怎么落地？

参考答案：

语义化说白了就是不用清一色div、span，用对应功能的标签写结构。实际开发中好处很直观：第一，代码可读性高，同事接手不用逐行看逻辑，一眼能分清头部、主体、侧边栏、底部；第二，对SEO友好，搜索引擎能识别页面结构权重；第三，适配屏幕阅读器，满足项目无障碍需求。

落地方式：页面头部用header，导航用nav，主体内容main，独立内容块article，辅助侧边栏aside，底部footer。杜绝所有模块全用div堆砌，纯样式模块再用div、span。

2、H5新增特性你在项目里用过哪些？

参考答案：

日常项目高频用到的有这几个：

1、本地存储：localStorage、sessionStorage，用来存用户简单配置、登录临时状态，替代传统cookie存储限制；

2、表单新特性：input的number、tel、email类型，required、placeholder属性，减少表单校验手写代码；

3、媒体标签：audio、video，项目里做过课程视频播放模块，不用依赖第三方播放器也能实现基础播放；

4、Canvas，做过简单的错题批改、手绘标记功能；

5、语义化标签，上面提到的页面结构标签，全程落地使用。

3、DOCTYPE的作用