考察点：渲染模式、盒模型差异
<!DOCTYPE html> 声明位于 HTML 文档的第一行，它的主要作用是告诉浏览器使用哪种 HTML 版本和规范来解析页面。在现代开发中，我们统一使用 HTML5 的简写声明。
如果缺少这个声明，或者声明写法错误，浏览器可能会进入‘怪异模式’（Quirks Mode）。
标准模式下，浏览器严格按照 W3C 标准渲染页面。 怪异模式则是为了兼容早期的旧网站（主要是 IE5/6 时代），浏览器会模拟旧的 bug 行为。
最核心的区别体现在盒模型上：
在标准模式下，width 只包含 content；
而在怪异模式下，IE 盒模型生效，width 包含了 content + padding + border。
此外，行内元素的垂直对齐、图片底部的空隙等细节在两种模式下也有差异。作为现代前端开发，我们必须确保始终触发标准模式，以保证页面在不同浏览器中表现一致。