前端基础知识面试题及详细答案.docxVIP

前端基础知识面试题及详细答案

一、HTML基础（高频必问）

1.请说说HTML语义化是什么，为什么要做语义化？

答案：HTML语义化，简单说就是用正确的标签做正确的事，比如用h1-h6表示标题、p表示段落、nav表示导航、article表示文章主体，而不是全用div或span堆砌。

核心原因有3点，都是实际开发中能用到的：

1.提升可读性和可维护性：团队协作时，语义化标签能让代码结构更清晰，别人一看就知道某块内容是做什么的，不用逐行看注释，后期改代码也更高效。

2.利于SEO（搜索引擎优化）：搜索引擎爬虫会根据语义化标签判断页面核心内容，比如h1会被认为是页面主要标题，比用div包裹的标题更容易被收录，能让页面在搜索结果中排名更靠前。

3.提升accessibility（可访问性）：屏幕阅读器等辅助工具，会通过语义化标签识别内容，帮助视障用户更好地浏览页面，比如读nav就知道这是导航区域，读button就知道这是可点击的按钮。

补充：常见的语义化标签有header（页头）、footer（页脚）、section（区块）、aside（侧边栏）、main（页面主体）等，实际开发中尽量少用无意义的div。

2.DOCTYPE的作用是什么？缺失DOCTYPE会有什么问题？

答案：DOCTYPE全称DocumentTypeDeclaration（文档类型声明），放在HT