标签语义上表示父容器的页脚内容，不限于页面底部；可嵌套在等元素内，多个合法且互不影响；其语义与视觉位置无关，应通过CSS布局而非HTML顺序控制显示位置。
标签不必须放在页面最底部，它只表示其**父容器的页脚内容**，语义上是“某一部分的结尾信息”，不是“整个页面的底部”。
为什么很多人误以为
因为常见 CMS 或模板里， 常被用在 级别且固定定位，久而久之形成错觉。但 HTML5 规范明确说明： 可以嵌套在 、 甚至 内部，作用范围仅限于该元素的上下文。
- 一个
可以有自己的，放作者、发布时间、标签等 - 一个
也可以有，比如“本节参考资料” - 多个
在同一页面完全合法，浏览器不会报错，屏幕阅读器也会分别朗读其上下文
它的语义和 CSS 布局无关。即使你把 放在 HTML 源码顶部、用 position: absolute 覆盖在标题上，它仍是语义正确的页脚——只是体验极差。真正影响可访问性和 SEO 的是结构层级，不是视觉坐标。
-
搜索引擎和辅助技术依赖 DOM 层级判断内容归属，不是靠
top: 100vh - 想让某个
出现在视口底部？用 Flexbox 或 Grid 实现，不要靠挪动 HTML 顺序“凑位置” - 如果硬要“全站底部”，推荐包裹在
直接子级的，并确保它不被display: none或aria-hidden="true"隐藏
容易踩的坑：混淆
不是格式化标签，不能替代语义更精确的元素：
立即学习“前端免费学习笔记（深入）”；
- 版权信息写在
里没问题，但如果只有一行“© 2024”，用更轻量；若含联系邮箱/地址，优先用 -
里可以包含，但反过来不行——只能用于联系信息，不能塞导航链接或社交图标 - 避免嵌套式滥用：
合法但无意义，除非内层属于某个
一篇技术笔记
关于如何正确使用 footer…
最常被忽略的一点：当 作为 子元素存在时，它就代表“整个页面的页脚”；一旦被包进 或 ，它的语义范围就收缩了——这个边界感，比怎么让它“贴底”重要得多。
