HTML+CSS 高频面试题及详细答案（实战版）.docxVIP

HTML+CSS高频面试题及详细答案（实战版）

说明：本题库整理前端真实面试高频考点，答案贴合工程实战，摒弃书面化套话，适合面试刷题、复盘巩固，覆盖基础、核心布局、兼容性、进阶特性等必考内容。

一、HTML基础面试题

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

参考答案：

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

使用意义主要有三点：

1.结构清晰：代码可读性更高，通过标签就能区分页面头部、导航、主体、侧边栏、底部等区域，方便团队协作维护；

2.利于SEO：搜索引擎爬虫可以精准识别页面模块结构，判断内容权重，提升网页收录和排名；

3.适配设备与无障碍：屏幕阅读器可以精准解析页面结构，方便视障用户浏览，同时适配移动端、多终端页面解析。

对比传统div布局，语义化标签没有样式差异，核心价值是定义结构、规范层级。

2.行内元素、块级元素、行内块元素的区别？各自常见标签有哪些？

参考答案：

块级元素

特点：独占一行，宽度默认100%父级宽度，支持宽高、内外边距、margin上下左右均生效；

常见标签：div、p、h1-h6、ul、li、ol、section、header、footer。

行内元素

特点：同行排列，不独占一行，宽高由内容撑开，不支持设置宽高，上下ma