前端开发工程师面试题及答案.docxVIP

前端开发工程师面试题及答案

一、基础必考题（考察核心功底，无套路）

1.请说说HTML语义化标签的作用，实际开发中你怎么用？

答案：核心作用有3点：一是提升页面可读性和可维护性，让代码结构更清晰，后续接手的同事能快速看懂页面结构；二是有利于SEO，搜索引擎能通过语义标签快速识别页面核心内容（比如header、main、footer）；三是提升无障碍访问，屏幕阅读器能通过语义标签准确解读页面内容，方便视障用户使用。

实际开发中，我不会盲目用，而是结合页面结构来选：头部用header，导航用nav，页面主体用main，文章/内容块用article，侧边栏用aside，底部用footer；段落用p，标题用h1-h6（注意h1每页只能有一个，对应页面核心主题），列表用ul（无序列表）、ol（有序列表），避免全用div嵌套，既简洁又符合语义。

2.CSS中盒子模型是什么？标准盒模型和怪异盒模型的区别？

答案：盒子模型是CSS布局的基础，每个元素都可以看作一个盒子，由4部分组成：content（内容区）、padding（内边距）、border（边框）、margin（外边距）。

区别主要在width和height的计算方式：

标准盒模型（默认，box-sizing:content-box）：元素的width/height只包含content，不包含padding和border。比如设置w