前端高频面试题（含详细接地气答案）.docxVIP

前端高频面试题（含详细接地气答案）

一、HTML基础面试题

1.说说HTML5新增的常用语义化标签，以及使用意义

答案：

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

意义主要有三点：

第一，代码结构更清晰。不用全靠div嵌套，看标签名就能知道这部分是头部、导航、主体还是侧边栏，自己和同事维护起来都方便。

第二，利于SEO。搜索引擎抓取页面时，能通过语义标签识别页面模块权重，区分核心内容和辅助内容，比纯div布局更友好。

第三，适配读屏器。针对视障用户的辅助设备可以精准识别页面区域，提升网页的无障碍访问性。

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

答案：

块级元素：独占一行，默认宽度撑满父容器，可以设置宽、高、内外边距。常见的有div、p、h1-h6、ul、li。

行内元素：不独占一行，横向排列，不能设置宽高，上下内外边距不生效，只有左右边距生效。常见的有span、a、em、i。

行内块元素：结合两者优点，横向排列、不独占一行，同时可以设置宽高和所有边距。常见的有img、input、button，默认display:inline-block。

二、CSS核心面试题

1.CSS选择器优先级排序，以及权重规则

答案：

优先级从高到低：!important行内样式ID选择器