前端面试题（含参考答案）.docxVIP

前端面试题（含参考答案）

适用：初级、中级前端开发岗位，涵盖HTML、CSS、JavaScript、浏览器、工程化、框架基础等内容

一、HTML部分

1.说说HTML5新增了哪些语义化标签，语义化的好处是什么？

参考答案：

常见语义化标签：header、nav、main、section、article、aside、footer、figure、figcaption、mark、time等。

语义化的好处：

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

利于搜索引擎识别页面结构，对搜索友好；

屏幕阅读器等辅助设备可以更好地解析页面，提升无障碍访问体验；

不用写大量无意义的div，减少class命名负担。

2.简述data-*自定义属性的作用和获取方式

参考答案：

data-*用来在标签上存储自定义数据，不会影响页面渲染，适合存放和当前节点相关的业务数据。

获取方式：

DOM元素上通过dataset对象获取，例如dom.dataset.userId；

也可以用getAttribute(data-user-id)直接读取。

注意：data-user-id在dataset中会自动转为驼峰userId。

3.行内元素、块级元素、行内块元素的区别

参考答案：

块级元素：独占一行，宽高、内外边距都可以设置，默认宽度撑满父容器，如div、p、h1~h6；

行