HTML5文档结构的核心是DOCTYPE声明，即<!DOCTYPE html>，必须位于第一行且前面无任何字符，用以触发浏览器标准模式，确保正确解析和渲染。
HTML5 文档结构的核心在于简洁、明确和向后兼容，而 DOCTYPE 声明是整个结构的起点和前提。它不参与页面渲染，但直接决定浏览器用哪种模式解析后续所有代码——标准模式（Standards Mode）还是怪异模式（Quirks Mode）。一旦出错，整页布局、盒模型甚至 JavaScript 行为都可能异常。
必须写在第一行的
这是 HTML5 唯一合法且推荐的 DOCTYPE 声明。它不区分大小写，但惯例全大写加空格：<!DOCTYPE html>。这行必须位于整个文档最顶端，前面不能有任何字符——包括空格、换行、BOM 字节或注释。哪怕开头多一个空格，某些浏览器（尤其是旧版 IE 和部分移动端内核）就会退回到怪异模式。
- 不是 HTML 标签，没有结束符，也不属于 DOM 节点
- 不引用 DTD 文件，HTML5 已脱离 SGML 体系，不再需要外部定义
- 作用纯粹：触发标准模式，启用 HTML5 语义标签（如 <header>、<nav>）和现代 CSS 特性
根元素 <html> 及其 lang 属性
<html> 是文档唯一根元素，所有其他标签都必须嵌套其中。强烈建议添加 lang 属性，例如 <html lang="zh-CN">，这对屏幕阅读器、搜索引擎识别语言、字体回退和 SEO 都有直接影响。
- lang 值应遵循 BCP 47 标准，中文常用 zh、zh-CN、zh-Hans 等
- 可配合
<meta http-equiv="Content-Language" content="zh-CN">辅助声明（非必需，但部分旧系统仍依赖） - 避免遗漏或写错，比如
lang="cn"或lang="ch"是无效值
<head> 中不可省略的关键元信息
<head> 不显示内容，但承载页面运行基础。以下三项应视为标配：
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
-
<meta charset="UTF-8">：声明字符编码，必须放在<head>最前面（紧随<html>后），否则可能导致乱码 -
<meta name="viewport" content="width=device-width, initial-scale=1.0">：响应式必备，控制移动端视口缩放行为 -
<title>：页面标题，影响浏览器标签页显示、书签保存和 SEO 排名
其他如 <link rel="stylesheet">、<script> 等资源引入，按需放置在这些基础元信息之后即可。
<body> 内容组织与语义化原则
<body> 是用户可见内容的容器。HTML5 强调语义化结构，应优先使用 <header>、<nav>、<main>、<article>、<section>、<aside>、<footer> 等标签替代无意义的 <div> 堆砌。
- 每个页面应有且仅有一个
<main>，代表主体内容区域 -
<h1>到<h6>应形成逻辑层级，不可跳级（如 h1 → h3） - 所有图像必须含
alt属性，空图用alt=""，非装饰性图需描述性文字
