常见Web面试题及详细答案.docxVIP

常见Web面试题及详细答案

一、HTML基础（高频基础题）

1.说说HTML语义化标签的含义及作用？

答：语义化标签就是让标签本身有明确的含义，比如header、nav、main、article、footer这些，而不是全用div嵌套。

核心作用有3点：①提升可读性和可维护性，开发时能快速区分页面结构，后期改代码也方便；②有利于SEO，搜索引擎能通过语义标签快速抓取页面核心内容（比如article里的内容会被判定为正文，权重更高）；③提升无障碍访问，屏幕阅读器能通过语义标签，准确告诉视障用户当前浏览的内容是什么（比如读到nav就知道这是导航栏）。

补充：实际开发中，不要为了语义化而语义化，比如明明是普通容器，就用div，不要强行用section，语义标签要贴合内容本身。

2.DOCTYPE的作用是什么？省略会有什么问题？

答：DOCTYPE（文档类型声明）的核心作用，是告诉浏览器当前HTML文档使用的HTML版本规范，让浏览器以对应的标准模式渲染页面，而不是怪异模式（QuirksMode）。

省略DOCTYPE会导致：浏览器进入怪异模式，此时浏览器会按照自己的旧规则渲染页面，不同浏览器的渲染差异会很大（比如IE和Chrome对盒模型的解析不一样），导致页面布局错乱，兼容性变差。

常见写法：HTML5的DOCTYPE最简单，!DOCTYPEhtml，不需要指定版本，浏