前端工程师测试题及详细答案.docxVIP

前端工程师测试题及详细答案

一、基础题（每题5分，共30分）

1.请说明HTML中DOCTYPE的作用，以及HTML5的DOCTYPE写法和意义。

答案：

作用：DOCTYPE（文档类型声明）的核心作用是告诉浏览器当前HTML文档使用的HTML版本规范，让浏览器以对应的渲染模式（标准模式/怪异模式）解析页面，避免因解析模式不一致导致的页面布局错乱。

HTML5的DOCTYPE写法：!DOCTYPEhtml（区分大小写，通常小写书写）

意义：HTML5简化了DOCTYPE的写法，无需指定具体的DTD（文档类型定义），因为HTML5本身没有基于SGML（标准通用标记语言），只需要声明文档类型为HTML即可。这样写能让浏览器快速识别为HTML5文档，启用标准渲染模式，确保页面在不同浏览器中表现一致，同时兼容旧版浏览器的兼容模式。

2.CSS中，box-sizing的两个常用值（content-box、border-box）有什么区别？实际开发中通常会如何使用？

答案：

核心区别：计算元素总宽度/高度的方式不同，重点是border和padding是否计入总尺寸。

1.content-box（默认值）：元素的总宽度=width（内容宽度）+padding+border；总高度=height（内容高度）+padding+border。也就是说，width和he