初级Web前端面试题及详细答案.docxVIP

初级Web前端面试题及详细答案

一、HTML基础（共5题）

1.请说明HTML5新增了哪些常用标签，以及它们的用途（至少3个）

答案：HTML5新增标签主要是为了语义化，让页面结构更清晰，方便搜索引擎和开发者理解，常用的有3个核心标签：

1.header：定义页面或区域的头部，通常包含logo、导航栏、标题等，比如页面顶部的网站名称和导航。

2.footer：定义页面或区域的底部，一般放版权信息、联系方式、友情链接等，比如页面最下方的“?2026某某公司版权所有”。

3.section：定义页面中的一个独立区域，用于划分内容模块，比如新闻列表、产品展示等，区别于div（无语义），section更侧重“内容块”的语义。

补充：还有article（独立文章内容，如博客正文）、nav（导航容器），这些标签能减少无意义的div嵌套，提升代码可读性。

2.什么是语义化HTML？为什么要使用语义化标签？

答案：语义化HTML就是用正确的标签做正确的事，让标签本身能表达内容的含义，而不是单纯用div、span来包裹内容。

使用原因有3点，都是实际开发中会用到的：

1.提升可读性和可维护性：开发者看代码就能知道每个部分的功能，比如看到nav就知道是导航，后续修改、协作更高效，避免一堆div分不清用途。

2.利于SEO（搜索引擎优化）：搜索引擎能通过语义化标签，快速识别页面的核心