全套2026年万科前端笔试题库及答案.docxVIP

全套2026年万科前端笔试题库及答案

一、前端基础知识（20分）

1.HTML语义化标签的作用是什么？请列举至少3个语义化标签并说明其用途。（5分）

答案：HTML语义化标签的作用是提升网页的可读性、可维护性和SEO优化效果，让浏览器和辅助技术（如屏幕阅读器）能更好地理解页面结构。常见语义化标签及用途：

-`header`：定义页面头部区域，包含logo、导航等；

-`nav`：定义导航链接区域；

-`main`：定义页面主要内容区域；

-`footer`：定义页面底部区域，包含版权信息等。

2.CSS中盒模型有哪两种？分别简述其区别。（4分）

答案：CSS盒模型有两种：

-标准盒模型（W3C标准）：`box-sizing:content-box;`，此时元素的宽度和高度仅包括内容（content）的尺寸，padding、border、margin会额外增加宽度/高度；

-宽盒模型（IE盒模型）：`box-sizing:border-box;`，此时元素的宽度和高度包括内容、内边距（padding）、边框（border）和边距（margin），即总宽度/高度=content+padding+border+margin。

3.解释CSS中的BFC（块级格