前台开发面试题及详细答案.docxVIP

前台开发面试题及详细答案

一、基础题（必问，考察核心基础功底）

1.请说说HTML语义化标签的作用，以及你实际开发中常用的语义化标签有哪些？

答案：核心作用有3点，一是提升代码可读性和可维护性，让开发者不用看注释就知道标签的用途；二是有利于SEO，搜索引擎能通过语义标签快速识别页面结构（比如头部、主体、底部），提升页面权重；三是增强accessibility（可访问性），屏幕阅读器等辅助工具能通过语义标签更好地解读页面内容，方便残障人士使用。

实际开发中常用的：header（页面或模块头部，比如网站导航栏）、nav（导航容器）、main（页面主要内容，一个页面只能有一个）、section（独立模块，比如新闻列表、产品展示区）、article（独立的文章内容，比如单篇博客、新闻详情）、aside（侧边栏，非核心内容，比如广告、相关推荐）、footer（页面或模块底部，比如版权信息）。

补充：不会为了语义化而语义化，比如简单的文字容器，用div就够了，避免过度使用语义标签造成冗余。

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

答案：两种盒模型分别是标准盒模型（W3C盒模型）和怪异盒模型（IE盒模型）。

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

1.标准盒模型：width=内容区（content）宽度，height=内容区（co