H5面试题及答案.docxVIP

H5面试题及答案

一、基础认知类（考察核心概念掌握，偏实操关联）

1.什么是H5？和传统HTML有啥区别？

答案：平时说的H5，本质是HTML5的简称，是HTML的第五个版本，不只是单纯的标记语言，还整合了语义化标签、本地存储、音视频播放、Canvas绘图等新能力，能实现更丰富的交互和多媒体效果。和传统HTML比，核心区别有3点：一是新增语义化标签（比如header、section、footer），让页面结构更清晰，利于SEO和维护；二是原生支持音视频（audio、video），不用依赖Flash插件；三是提供了本地存储（localStorage、sessionStorage）、离线应用等功能，能实现更接近APP的体验。实际工作中，传统HTML多用来做简单静态页，H5更多用于活动页、小游戏、移动端应用等场景。

2.H5的语义化标签有哪些？实际开发中为什么要用到？

答案：常用的语义化标签有header（页头/区块头）、nav（导航）、section（内容区块）、article（独立文章内容）、aside（侧边栏）、footer（页脚/区块脚）、figure（媒体内容组）等。

实际开发中用语义化标签，核心是为了“可读性”和“实用性”：首先，对开发者来说，不用再堆一堆divclass=header，一眼就能看懂页面结构，后期维护、改代码效率更高，尤其是多人协作项目；其次，对搜索引