header和footer是语义化标签，用于标识内容区块的开头与结尾，可多组存在且须依附于article、section等父元素；不可嵌套，也不应为视觉效果滥用。
header
和
footer
不是用来“撑高度”或“套样式”的，它们是告诉浏览器、搜索引擎和读屏软件：“这部分内容在语义上属于这个区块的开头或结尾”。
header 和 footer 是作用域绑定的，不是全局唯一的
一个页面可以有多个
和多个
，只要它们分别隶属于不同的语义区块（如
、
、
或最外层
）。常见错误是以为整个页面只能有一个
，结果把文章内部的标题区也硬塞进全局
里，破坏了结构层次。
：适合放网站 logo、主导航、搜索框
：适合放该文章的
、作者、发布时间
：适合放这一节的编辑说明、数据来源、更新时间
不能出现
或
—— 它们彼此无嵌套关系
别用 header/footer 替代 div，但也不要为语义强加不存在的结构
如果某块区域只是视觉上像页眉（比如一段带背景色的 banner），但实际不属于任何内容区块的“引导性内容”，那就该用
+
，而不是硬套
。同理，页脚区域若只是装饰性分隔线，也不该用
。
搜索引擎和辅助技术依赖语义判断内容重要性，乱用会稀释真实头部/尾部的权重
内部不强制要求含
，但若含标题，应与它所归属的区块主题一致
里放链接没问题，但别塞满无关广告——它的语义是“归属与结束信息”，不是“杂项堆叠区”
与 SEO 和可访问性的实际关联点
Google 等引擎会提取
中的
和导航链接来推断页面主主题与跳转路径；读屏软件遇到
会提示“已到达本区域结尾”，方便用户快速跳过版权信息继续操作。但这些收益只在结构真实、层级清晰时生效。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
立即学习
“
前端免费学习笔记（深入）
”；
多个
不会导致 SEO 惩罚，但若每个都塞
，可能被视作关键词堆砌
没用
包裹导航链接？即使放在
里，读屏软件也不会自动识别为导航区
里的邮箱地址建议用
，否则对屏幕阅读器不友好
最容易被忽略的是：header 和 footer 的价值不在“用了没”，而在“用得是否与其包裹的内容真正匹配”。一个
的
放“本文由 AI 辅助撰写”，比在页面最底部
里重复三次“©2026”更有语义重量。
headerfooterarticlesectionasidebodyheaderheaderbody > headerarticle > headerh1section > footerheader > footerfooter > headerdivrole="banner"headerfooterheaderh1footerheaderh1footerheaderh1navheaderfootera href="mailto:…"articlefooterfooter