前端开发高频面试题及详细答案（实战接地气版）.docxVIP

前端开发高频面试题及详细答案（实战接地气版）.docx

前端开发高频面试题及详细答案（实战接地气版）

说明：所有答案均为一线面试通用作答思路，口语化、无机器话术，贴合实际开发场景，适合面试背诵、复盘，覆盖初级、中级前端核心考点。

一、HTML核心面试题

1、HTML5新增了哪些常用标签？语义化标签的好处是什么？

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

语义化好处：

代码结构清晰，可读性强，团队协作维护更方便；

利于SEO，搜索引擎能精准识别页面模块权重，提升收录和排名；

适配屏幕阅读器，对残障用户更友好，满足无障碍访问要求；

无需大量冗余class命名，精简代码。

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

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

行内元素：同行显示，不独占一行，无法设置宽高、上下边距，仅能设置左右内外边距。比如span、a、em、i。

行内块元素：兼具两者特点，同行显示，同时可以设置宽高、内外边距。比如img、input、button。

3、href和src的区别？

src：用于引入资源文件（图片、js、视频），是替换当前标签内容，会阻塞页面加载，加载资源时暂停页面渲染。