<footer>是放置网页底部版权信息的正确语义化标签，因其被浏览器和屏幕阅读器直接识别为“页面结尾区域”，支持快捷跳转、提升SEO与可维护性；可嵌套于<body>、<article>或<section>内，但不可置于<header>或<nav>中，且建议每页仅一个全局<footer>。
<footer> 是放置网页底部版权信息的正确语义化标签。
为什么必须用 <footer> 而不是 <div class="footer">
浏览器和屏幕阅读器能直接识别 <footer> 的语义含义，自动将其归类为“页面结尾区域”，从而触发辅助技术的特定行为（比如快捷跳转到页脚）。而 <div class="footer"> 仅是普通容器，需额外加 role="contentinfo" 才勉强等效，且 SEO 解析效果弱、可维护性差。
<footer> 的合法嵌套位置与常见误用
它既可以作为 <body> 的直接子元素（全局页脚），也可以嵌套在 <article> 或 <section> 内部（表示该区块自己的结尾信息）。但要注意：
- 不要把它放在
<header>或<nav>里面——语义冲突，校验器会报错 - 避免多个同级
<footer>并列于<body>下——W3C 规范建议每个页面只设一个全局<footer> - 版权文字应放在
<p>或<small>内，而非裸文本——保证基本语义层级
典型写法与兼容性处理
现代浏览器（Chrome 12+、Firefox 100+、Safari 17+）原生支持 <footer>。对 IE8 及更旧版本，需引入 html5shiv.js 脚本激活样式解析能力。最小可用结构示例：
立即学习“前端免费学习笔记（深入）”；
<footer> <p>© 2026 公司名称. 保留所有权利.</p> </footer>
如果页面含备案号、隐私政策链接等，也应统一放入此标签内——这些都属于“内容结尾信息”的自然组成部分，不必拆到其他容器中。
真正容易被忽略的是：页脚里的链接（如“关于我们”“条款”）是否该放进 <nav>？答案是——**应该**。只要它们构成一组导航链接，就应在 <footer> 内包裹一层 <nav>，否则语义断裂，读屏器无法识别其导航意图。
