Web基础高频面试题及详细答案（真实面试版）.docxVIP

Web基础高频面试题及详细答案（真实面试版）

本套面试题聚焦前端Web基础核心知识点，涵盖HTML、CSS、JavaScript三大模块，均为企业初级前端岗位高频面试题型，答案贴合真实面试口述逻辑，简洁易懂、干货落地，无冗余套话。

一、HTML基础面试题

1、HTML5新增了哪些常用语义化标签？有什么作用？

答案：

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

核心作用：

1.结构清晰：让页面代码层级分明，开发者一眼能看懂页面模块划分，提升代码可读性和可维护性；

2.利于SEO：搜索引擎爬虫可以精准识别页面各个模块的功能和权重，提升网页搜索排名；

3.适配设备：方便屏幕阅读器等辅助设备识别页面结构，提升网页无障碍访问体验；

4.替代传统div布局：摒弃全是div的混乱结构，标准化页面布局。

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

答案：

块级元素：独占一行，默认宽度100%父级宽度，支持宽、高、内外边距、margin，常见标签：div、p、h1-h6、ul、li。

行内元素：同行显示，宽度由内容撑开，不支持宽高、上下margin、上下padding，仅支持左右内外边距，常见标签：span、a、em、i。

行内块元素：兼具两者优点，同行显示，同时支持宽高、内外边距、margin，常见标签：img、inpu