Web前台面试题及详细答案（实战版）.docxVIP

Web前台面试题及详细答案（实战版）

本次面试题贴合企业真实招聘场景，适配初级、中级前端岗位，内容无书面化套话，答案均为项目实操总结，涵盖HTML、CSS、JavaScript、工程化、性能优化、实战场景核心考点。

一、HTML核心面试题

1、HTML5新增了哪些常用语义化标签？实际项目中怎么用？

参考答案：

常用语义化标签：header、nav、main、section、article、aside、footer。

实际使用规范：

header：页面头部、模块头部，存放logo、导航标题

nav：专属导航区域，页面主导航、侧边导航

main：页面主体内容，一个页面仅出现一次

section：内容分区块，用于主题相近的内容分组

article：独立完整的内容模块，比如文章、商品卡片、资讯条目

aside：侧边栏、附属内容，比如推荐列表、广告、备注

footer：页面底部、模块底部，存放版权、备案、联系方式

语义化的核心作用：提升代码可读性、方便团队协作、利于搜索引擎收录、适配屏幕阅读器（无障碍访问）。

2、行内元素、块级元素、行内块元素的区别？

参考答案：

块级元素：独占一行，可设置宽高、内外边距，默认宽度100%父级宽度。常见：div、p、h1-h6、ul、li、section。

行内元素：同行显示，无法设置宽高、上下内外边距，仅自适应内容宽度。常见：span、a、em、i、