初级Web前端面试题及详细答案（真实面试版）.docxVIP

初级Web前端面试题及详细答案（真实面试版）

本套面试题专为0-1年经验、应届生、转行初级前端岗位整理，贴合企业真实面试高频考点，内容通俗易懂、无套话空话，答案侧重实操理解和工作应用，适配初级前端面试场景。

一、HTML基础面试题

1.HTML5新增了哪些常用语义化标签？说说你的使用场景

参考答案：

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

使用场景：

header：用于页面或模块的头部，存放logo、导航、标题等内容；

nav：专门存放页面主导航、侧边导航等导航链接；

main：页面核心主体内容，一个页面只能有一个main；

section：页面分区块，比如产品介绍、新闻板块、服务模块；

article：独立完整的内容模块，比如文章、帖子、商品卡片；

aside：侧边栏、附属内容，比如热门推荐、广告、侧边菜单；

footer：页面底部，存放版权信息、联系方式、备案号等。

语义化标签的核心作用：让代码结构清晰，方便团队维护，同时利于搜索引擎抓取页面内容，提升SEO效果，也适配屏幕阅读器，提升页面无障碍性。

2.行内元素、块级元素、行内块元素的区别？各自有哪些常用标签？

参考答案：

块级元素

特点：独占一行，默认宽度100%父级宽度，可以设置宽、高、内外边距。

常用标签：div、p、h1-h6、ul、l