Web前端高频面试题及详细答案汇总（实战向）.docxVIP

Web前端高频面试题及详细答案汇总（实战向）

一、HTML基础面试题

1.HTML5新增的语义化标签有哪些？各自作用是什么？

语义化标签核心作用是：让页面结构清晰，便于开发者阅读维护，同时利于搜索引擎抓取、屏幕阅读器识别，提升可访问性。

常用新增标签及作用：

header：页面或区块的头部区域，用于存放导航、标题、logo

nav：专门用于页面导航链接区域

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

section：独立的内容区块，用于划分页面不同功能模块

article：独立完整的内容单元，比如文章、新闻、帖子

aside：侧边栏、附属补充内容，不影响主体内容阅读

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

figure/figcaption：包裹图片、图表等媒体内容，figcaption用于添加图文说明

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

块级元素

独占一行，默认宽度100%父级宽度

可以设置宽、高、内外边距

常见：div、p、h1-h6、ul、li、section

行内元素

不独占一行，横向排列

宽高无效，仅靠内容撑开，上下margin无效，上下padding视觉生效但不占布局空间

常见：span、a、em、i、strong

行内块元素

兼具两者特点：横向排列、不独占一行

可以设置宽高、内外边距

常见：img、input、button