前端HTML面试题及详细答案.docxVIP

前端HTML面试题及详细答案

一、基础必考题（入门级，面试高频）

1.请说说HTML的语义化标签有哪些，为什么要使用语义化标签？

答案：

常用语义化标签：header（页面/区块头部）、nav（导航栏）、main（页面主要内容，唯一）、section（内容区块，如文章章节）、article（独立完整内容，如博客文章、新闻）、aside（侧边栏，非核心内容）、footer（页面/区块底部）、h1-h6（标题层级，h1唯一）、figure（图文组合）、figcaption（图片说明）。

使用语义化的核心原因（3点，通俗好记）：

1.对人友好：结构清晰，开发者看代码能快速理解页面布局，后期维护、修改更高效（比如看到nav就知道是导航，不用猜div的用途）；

2.对机器友好：搜索引擎（百度、谷歌）能通过语义标签识别页面核心内容，提升SEO（比如h1标签会被认为是页面核心主题，article里的内容会被判定为有效内容）；

3.兼容性/可访问性：屏幕阅读器（供视障用户使用）能通过语义标签正确朗读页面结构，提升页面可访问性，符合前端开发的无障碍要求。

补充：不用语义化，全用div也能实现页面布局，但代码可读性差、不利于SEO和无障碍，这也是面试中区分新手和基础扎实者的点。

2.DOCTYPE的作用是什么？HTML5的DOCTYPE怎么写？

答案：

DOCTYPE（文档类型声明）