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

前端开发高频面试试题及详细答案（真实面试版）

一、HTML基础面试题（5道高频）

1、HTML5新增了哪些常用标签？实际项目中用过哪些？

标准答案：

HTML5主要新增语义化标签、媒体标签、表单标签，开发中最常用的是语义化标签，用来替代传统div，提升代码可读性和SEO权重。

常用语义化标签：header（头部）、nav（导航）、main（主体）、section（区块）、article（独立内容）、aside（侧边栏）、footer（底部）。

媒体标签：video（视频）、audio（音频）、canvas（画布绘图）。

表单新增：input新增type属性（date、tel、email、number）、placeholder、required自动校验等。

项目场景：日常开发页面结构全部用语义化标签，减少无意义div嵌套，适配爬虫抓取，同时方便团队协作看代码结构。

2、语义化标签的好处是什么？

标准答案：

1、代码可读性更高：不用看class名就能区分页面模块，团队协作维护更方便；

2、利于SEO：搜索引擎爬虫可以精准识别页面结构、核心内容，提升网页收录和排名；

3、适配无障碍访问：屏幕阅读器可以识别语义标签，方便残障人士浏览页面；

4、结构清晰：摒弃纯div布局，代码层级规整，减少冗余代码。

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

标准答案：

块级元素：独占一行，默认宽度