真实职场H5前端面试题（附接地气答案）.docxVIP

真实职场H5前端面试题（附接地气答案）

一、H5基础核心高频题

1、简单说说你理解的HTML5，和HTML4最大的区别是什么？

参考答案：

HTML5不是单纯的标签升级，是一套完整的前端网页标准，包含新标签、新API、多媒体能力、本地存储、图形绘制等一系列功能。

和HTML4最大的区别主要有三点：

1、语义化升级：新增了header、nav、main、section、footer这些语义标签，不再全是div，代码结构更清晰，利于SEO和后期维护；

2、原生能力增强：不用依赖Flash就能实现音频、视频播放，新增canvas、svg绘图、拖拽、地理定位等能力；

3、存储与交互升级：新增localStorage、sessionStorage、IndexedDB本地存储，还有表单新属性、新输入类型，前端交互不用完全依赖后端接口。

2、什么是H5语义化标签？开发中为什么要用？

参考答案：

语义化标签就是标签名自带含义，看到标签就知道这块内容是做什么的。比如header是头部、nav是导航、article是正文内容、aside是侧边栏。

实际开发的好处：

1、代码可读性高，同事接手项目不用反复看注释，一眼看懂页面结构；

2、对搜索引擎友好，爬虫能精准识别页面模块，提升SEO收录效果；

3、适配读屏器，对残障用户更友好，满足项目无障碍需求；

4、结构和样式分离，改样式、调布局更方便，不会牵一