使用HTML的<footer>标签可以清晰地标注页面或区块的底部区域，增强语义化。以下是具体用法和示例：✅ 基本用法<footer> <p>© 2025 我的网站. 保留所有权利。</p> <p>联系邮箱：info@example.com</p> </footer><footer> 标签用于定义文档或区块的底部区域。它通常包含版权信息、联系方式、隐私政策链接等。✅ 嵌套在 <body> 中-Golang学习网

footer 不是视觉定位工具，而是语义归属标记。它绑定的是“最近的节根元素”（sectioning root），比如、

或

。放错位置，语义就断了。

之后

某篇文章的作者/发布时间 → 放在对应

内部最下方

某个

下的“相关推荐”按钮 → 可以，但得确认这些按钮确实是该区块的收尾操作，不是通用导航

别把

塞进

：页脚导航可以用

，但主导航不属于任何区块的“结尾”，应独立存在

footer 应承载与所属区块直接相关的元信息：版权、作者、联系方式、文档修订时间、隐私政策链接等。广告、登录框、轮播 banner、客服按钮——这些都不是“结尾信息”，硬塞进去会误导读屏软件和搜索引擎。

需要无障碍支持时，在全局页脚加 role="contentinfo"，如：

Lighthouse 检测提示“缺少语义化页脚”，往往是因为用了

而非原生

只写

不会让它自动停在视口底部。内容少时，它会悬在半空；内容多时，它自然沉到底部。真要“始终贴底”，得靠 CSS 实现，比如 flex 布局或 position: sticky。

推荐方式：给设 display: flex; flex-direction: column; min-height: 100vh;，再给
加 flex: 1，
就会自动撑到视口底边
避免用 position: absolute 或 fixed，容易遮挡内容或破坏滚动逻辑
如果用了 position: sticky，注意触发条件（如 bottom: 0）在不同浏览器中的兼容性表现

最难的其实不是怎么写，而是每次加