～

、

或其他标题相关元素提供上下文包装。

使用场景：博客首页的站点名 + 副标题 + 导航；文章页内每篇

自带的标题 + 发布时间 + 作者信息。

• 推荐结构：

  站点名称

• 避免：
  ...

  ...
  （没 heading，语义断裂）
• 已被废弃，别再用；多级标题建议用

  +

  替代

不要用 header 替代 CSS 布局需求

有人为了省事，把

当成“顶部固定区域”的语义化

，然后疯狂写 position: fixed、top: 0。这会导致两个问题：一是视觉布局和语义完全脱钩，二是当用户缩放或使用高对比度模式时，

的默认行为（如流式宽度、默认 margin）可能意外干扰定位逻辑。

• 布局用
  + CSS 控制更可控；需要语义再额外包一层
• 如果确实要用
  实现吸顶效果，务必检查 z-index 和 contain: layout paint 是否影响滚动性能
• 移动端 viewport 缩放后，
  内部文字若未设 min-font-size，可能小到无法识别——这不是语义问题，但常被忽略

嵌套 header 的边界在哪

可以嵌套，但必须符合「范围从大到小」的逻辑链：页面级

→ 区块级

→ 其内部的

→ 再下一级

的

。一旦跳级或反向嵌套（比如在