前端技术面试题及详细答案.docxVIP

前端技术面试题及详细答案

一、基础必考题（初级/中级通用）

1.请说说HTML语义化标签的含义及作用，举3个常用的语义化标签

题目解析：考察对HTML基础的理解，重点区分语义化与非语义化（如div、span），核心是“让标签有含义”，而非单纯布局。

详细答案：语义化标签就是给HTML标签赋予明确的含义，让浏览器、搜索引擎以及开发者能快速理解标签所承载的内容，而非单纯用div、span这种无意义标签来布局。

作用主要有3点：①提升代码可读性和可维护性，后续开发者接手能快速理清页面结构；②有利于SEO优化，搜索引擎能通过语义标签快速抓取页面核心内容（比如article、h1）；③提升无障碍访问，屏幕阅读器能通过语义标签准确解读内容，帮助残障用户使用。

常用语义化标签：article（文章主体内容）、nav（导航栏）、section（页面中的独立区块，比如新闻列表块）、header（页面头部）、footer（页面底部）（任选3个即可，结合实际使用场景说明更加分）。

2.CSS中，盒子模型有哪两种？区别是什么？实际开发中如何设置？

题目解析：前端布局核心知识点，考察对盒子模型的理解，以及实际开发中的应用（比如解决布局偏差问题）。

详细答案：CSS盒子模型主要有两种，分别是W3C标准盒子模型和IE怪异盒子模型。

区别核心在“width和height的计算范围”：

1.W3C标准