DOCTYPE 与 html 根元素
<!DOCTYPE html> 位于文件第一行，作用是告诉浏览器"请按标准模式渲染本页"。如果缺少它，浏览器会进入"怪异模式"（quirks mode），用十几年前的兼容规则解析页面，盒模型尺寸计算等行为会与标准不一致，CSS 很容易出现莫名其妙的问题。
<html> 是整个文档的根元素，页面上所有元素都在它内部。它的 lang 属性声明页面语言，例如 zh-CN 表示简体中文。这个声明对屏幕阅读器的发音选择、浏览器翻译提示、搜索引擎的语言判断都有实际影响。
本节要点DOCTYPE 必须写在第一行，缺了会触发怪异模式；html 根元素上用 lang 属性声明语言，写
lang="zh-CN" 即可。HTML
<!DOCTYPE html> <!-- 怪异模式 vs 标准模式： 有 DOCTYPE → 标准模式，宽度按 content-box 等标准规则计算 无 DOCTYPE → 怪异模式，旧式盒模型、行高差异会带来各种布局问题 --> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>标准模式演示</title> </head> <body> <p>这个页面声明了 DOCTYPE 和 lang，渲染行为可预期。</p> </body> </html>
