两年前端开发面试题及详细答案.docxVIP

两年前端开发面试题及详细答案

一、基础核心题（必问，考察基本功扎实度）

1.请说说HTML语义化是什么，为什么要做语义化？实际开发中你是怎么落地的？

答案：HTML语义化，简单说就是用正确的HTML标签做正确的事，让标签本身能表达页面内容的含义，而不是单纯用div、span来堆砌页面。

为什么要做语义化？核心有3点：

①提升可访问性：屏幕阅读器等辅助工具能通过语义标签快速识别内容结构（比如h1-h6识别标题层级、nav识别导航），帮助残障用户正常浏览；

②利于SEO：搜索引擎爬虫依赖标签语义来理解页面核心内容，语义化清晰的页面，关键词权重更高，更容易被收录和排名；

③提升代码可维护性：后期维护时，能通过标签快速定位内容模块（比如看到article就知道是文章主体，看到footer就知道是页脚），减少注释成本，团队协作更高效。

实际落地：比如页面头部用header，导航用nav，文章主体用article，侧边栏用aside，页脚用footer；标题用h1-h6层级（一个页面只留1个h1），段落用p，强调文本用strong（加粗且有语义）而非b（仅样式），引用用blockquote，列表用ul/ol+li，表单元素关联label（for属性绑定input的id）。

补充：我在项目中会避免“div嵌套div”的滥用，比如导航栏里的菜单项，用ul包裹li，而不是全用div，既符合