footer标签语义上指“所属区块的页脚”,非页面底部;其归属由嵌套位置决定,必须正确闭合且不可自闭合;视觉粘底需css布局实现;内容须符合语义规范,备案号须置于body直接子级footer中。

footer标签不是“页面最底部”,而是“所属区块的页脚”
写完 <footer></footer> 却发现它悬在半空,不是 bug,是语义理解偏差。<footer></footer> 不控制视觉位置,只声明“这是谁的结尾信息区”。它的归属完全由嵌套位置决定:
- 作为
的直接子元素 → 全站页脚,应含版权、备案号、隐私政策等全局信息 - 嵌套在
@#@#@#@#@#@#@#@#@#@0)、本页专属联系方式 - ❌ 禁放:全站主导航(该在
<nav></nav>里)、无关外链、第三方广告、“回到顶部”按钮、重复社交媒体图标 - ⚠️ 小心用:
<small></small>只能包附属细则(如“含开源组件许可详见 LICENSE”),不能包裹主版权文字——双重弱化会导致结构提取失败
备案号必须出现在 直接子级的 <footer></footer> 中,嵌套在 <article></article> 或 <section></section> 里的 <footer></footer> 不被监管系统识别为全站备案主体。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











