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

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

一、HTML基础（1-5题）

1.请说说HTML语义化标签的作用，举3个常用的语义化标签并说明用途

答案：核心作用有3点：①提升代码可读性，让开发者一眼能看懂页面结构（比如不用全写div，用header就知道是头部）；②有利于SEO，搜索引擎能通过语义标签快速抓取页面核心内容（比如article标签里的内容会被优先识别为正文）；③提升无障碍访问，屏幕阅读器能通过语义标签准确朗读页面结构，方便残障用户使用。

常用语义化标签及用途：

header：页面或某个模块的头部，通常包含logo、导航栏、标题等，比如整个页面的顶部导航区域。

article：独立的、完整的内容块，比如一篇文章、一条新闻、一个商品详情，是页面的核心内容载体。

footer：页面或模块的底部，通常包含版权信息、联系方式、备案号等，比如页面最下方的版权声明区域。

补充：不用语义化标签，全用div也能实现页面布局，但代码会显得杂乱，后期维护成本高，这也是初级前端需要注意的基础细节。

2.说说img标签的alt属性和title属性的区别，为什么不能省略alt？

答案：两者核心区别在于使用场景和作用不同，具体如下：

alt属性：全称“alternative”（替代），当图片加载失败（比如路径错误、网络问题）时，会显示alt里的文字，替代图片的内容；同时，屏幕阅读器会读取alt文字，让残障