html文档类型声明
1.核心作用：触发标准模式
<!DOCTYPE html>核心作用是告知浏览器当前文档遵循的 HTML 规范版本，并触发浏览器的“标准模式”（Standards Mode）进行渲染。 浏览器为了兼容互联网早期的大量网页，保留了两种主要的渲染模式：
- 标准模式 (Standards Mode): 浏览器会严格按照 W3C 制定的最新 HTML 和 CSS 规范来解析和渲染页面。这是现代开发所期望的模式，能确保页面布局、样式和脚本在不同浏览器中表现出高度的一致性。
- 怪异模式 (Quirks Mode): 如果页面缺少 DOCTYPE 声明或声明不正确，浏览器就会进入“怪异模式”。在这种模式下，浏览器会模拟早期浏览器（如 IE5）的非标准行为，以兼容一些老旧的网页代码。这会导致各种难以预料的布局错乱和样式问题，例如 CSS 盒模型的计算方式与标准模式完全不同。 简单来说，!DOCTYPE html 它告诉浏览器：“我是一个符合现代标准的 HTML5 页面，请用最新的规则来对待我。”
2.写法变化
DOCTYPE 的写法经历了巨大的简化，这背后是 Web 技术的进步。 在 HTML 4.01 和 XHTML 时代，HTML 基于 SGML（标准通用标记语言），需要通过 DTD（文档类型定义）来定义文档的结构和规则。因此，DOCTYPE 声明非常冗长且复杂：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">到了 HTML5 时代，为了简化开发并提高兼容性，HTML5 不再基于 SGML，也不再需要引用外部的 DTD 文件。的设计初衷就是极简和向后兼容。它只是一个简单的“开关”，告诉浏览器使用标准模式，而无需进行复杂的版本校验。
3.位置至关重要
必须位于 HTML 文档的第一行、第一个字符。 这是因为浏览器的解析器在读取文件时，会立即检查文档的开头来决定采用何种渲染模式。一旦解析开始，模式便已确定，不会再改变。前面有任何字符，哪怕是空格、换行符、注释或者编辑器保存时添加的 BOM（字节顺序标记），都可能导致 DOCTYPE 声明失效，从而使浏览器回退到怪异模式，引发各种兼容性问题