仅表示内容区块的语义头部，非全页顶部万能容器；适用场景为页面、或等独立单元的开头部分，禁止嵌套或滥用为样式盒。
或 内部的标题区。
什么时候该用
判断依据只有一个：这段内容是否在语义上属于某个“可独立理解的内容单元”的开头部分。
- 整个页面最上方的导航+logo+搜索框 → 适合用
的直接子元素） - 一篇博客文章开头的标题、作者、发布时间 → 应该放在
内部的 - 一个产品列表区块上方的“热门商品”标题和筛选控件 → 可以套在
内的 - 纯装饰性 banner 图、无实际标题或导航功能的横幅 → 不该用
它允许包含大多数流内容（
–
、、- ✅ 正确：
我的博客
- ✅ 正确：
如何调试 CSS
作者：张三
立即学习“前端免费学习笔记（深入）”；
正文开始...
- ❌ 错误：
... - ❌ 错误：把整页顶部所有 div 都塞进一个
和
、的配合关系是导航专用语义标签，是层级标题——三者常共存，但职责分明。-
必须出现在有意义的导航上下文中；如果只是几个链接，没构成“主导航”，就别硬套 - 一个
（比如只有 logo + 搜索框），但如果有标题，优先用–
- 多个
），避免全用导致大纲混乱网站主标题
CSS Grid 布局实战
正文内容...
真正容易被忽略的是：浏览器不会因为用了
- 多个
- ✅ 正确：
