H5 高频面试题及详细答案（实战版）.docxVIP

H5高频面试题及详细答案（实战版）

一、H5基础认知类

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

HTML5不是单纯的标签升级，是一套全新的前端页面标准，包含新增语义化标签、多媒体能力、本地存储、离线缓存、图形绘制、设备调用等一系列前端能力集合。

和HTML4核心区别有三点：

语义化升级：摒弃了大量纯div布局，新增header、nav、main、section、footer等语义标签，结构更清晰，可读性和SEO更友好。

原生能力增强：原生支持音频、视频、画布绘图、拖拽、地理定位等功能，不再依赖Flash、第三方插件实现。

本地存储与离线能力：新增localStorage、sessionStorage、IndexedDB、manifest离线缓存，解决了传统cookie存储量小、依赖服务器的问题。

2、HTML5语义化标签的好处有哪些？常用语义标签有哪些？

核心好处：

代码结构清晰，层级分明，团队协作维护更方便；

利于搜索引擎抓取页面结构，提升SEO权重；

适配读屏设备，对无障碍访问更友好；

减少无意义div嵌套，代码更精简。

常用标签：header、nav、main、section、article、aside、footer、figure、figcaption、mark、time。

二、H5存储相关考点（高频）

3、localSt