HTML标签的核心是语义化结构而非死记硬背；<html>必须为唯一根元素，<head>仅承载元信息与资源声明，<body>需严格遵循语义布局规则。
掌握HTML标签不是背诵清单，而是理解它们在文档结构中各自承担的角色。脱离结构谈标签，容易写出语义混乱、维护困难的页面。
为什么 <html> 必须是根元素，不能嵌套或省略
<html> 是浏览器解析的起点，所有其他标签（包括 <head> 和 <body>）都必须直接或间接位于其内部。省略它会导致浏览器进入怪异模式（quirks mode），样式和脚本行为不可预测。
- 即使现代编辑器自动补全，也建议显式写出
<html lang="zh-CN">——lang属性对屏幕阅读器和SEO至关重要 - 不要把另一个
<html>塞进<body>里，这在HTML中非法，多数浏览器会自动截断或重排，但DOM树已损坏 -
<html>不是“可选容器”，它是规范强制要求的唯一根节点，document.documentElement永远指向它
<head> 里放什么，哪些东西放进去反而有害
<head> 只负责元信息和资源声明，不渲染任何可见内容。但它直接影响加载顺序、SEO、可访问性和安全性。
- 必须包含
<meta charset="UTF-8">，且应放在<head>最顶部——晚于它的字符可能被错误解析 -
<title>应该简洁明确，长度控制在 60 字符内，否则搜索结果会被截断 - 避免在
<head>里写<script>（尤其是同步脚本），它会阻塞HTML解析；如需，用defer或移到</body>前 -
<link rel="stylesheet">放这里没问题，但不要放<img>或<div>—— 浏览器会忽略或自动移到<body>
<body> 不是“随便塞内容的地方”，而是语义布局的主战场
<body> 决定用户看到什么、怎么读、如何交互。滥用 <div> 或错用标题层级，会让结构塌陷。
立即学习“前端免费学习笔记（深入）”；
-
<h1>到<h6>必须按逻辑嵌套，不能跳级（比如<h2>后直接<h4>），否则辅助技术无法正确构建大纲 - 段落必须用
<p>，而不是靠<br>换行堆砌——前者有语义和默认间距，后者只是换行符 - 列表要用
<ul>/<ol>+<li>，别用多个<p>模拟；表格数据必须用<table>，不用<div>+ CSS Grid 伪装 -
<main>、<header>、<nav>这类语义标签不是“锦上添花”，而是替代无意义<div class="main">的必要手段
真正难的不是记住标签名，而是在写每一行 HTML 时下意识判断：这个元素是否表达了它该表达的含义？它的父/子关系是否符合文档逻辑？一旦习惯这种思维，标签就不再是记忆负担，而是结构语言的自然词汇。
