footer标签用于定义文档或区域的页脚，包含版权、联系方式、相关链接等内容。它具有语义化优势，能提升可访问性、增强SEO、使代码更清晰，并符合HTML5标准。可用于页面级页脚或嵌套在article、section等元素内表示局部页脚，如文章作者和发布时间。建议每个区块只使用一个footer，避免塞入广告等无关内容，以保持结构清晰和语义准确。合理使用footer可提升网页的专业性与可用性。
footer 标签在 HTML 中用于定义文档或某个区域的页脚，通常包含作者信息、版权说明、联系方式、相关链接或站点地图等内容。它是一个语义化标签，让页面结构更清晰，有助于搜索引擎理解和辅助技术（如读屏软件）更好地解析网页内容。
footer 的基本用法
你可以将 footer 标签放在整个页面的底部，作为全局页脚：
<footer>
<p>© 2024 我的网站. 版权所有。</p>
<p><a href=”contact.html“>联系我们</a></p>
</footer>
也可以用于文章、章节等局部区域的结尾部分，比如一篇文章的发布日期和作者：
<article>
<h2>文章标题</h2>
<p>这是文章内容……</p>
<footer>
<p>发布于 2024 年 4 月 5 日 | 作者：张三</p>
</footer>
</article>
footer 的语义化优势
使用 footer 而不是 div 加 class 的方式，有以下几个好处：
立即学习“前端免费学习笔记（深入）”；
- 提升可访问性：屏幕阅读器能识别 footer 区域，方便用户快速跳转到页脚内容
- 增强 SEO：搜索引擎更容易理解页面结构，明确版权和联系信息的位置
- 代码更清晰：开发者一目了然地知道该区域是页脚，提高维护效率
- 支持现代 Web 标准：符合 HTML5 语义化规范，有利于长期项目兼容性
常见应用场景与建议
footer 不仅限于放在页面最底部，它可以嵌套在多种语义容器中：
- 页面级 footer：放在 body 内部的最后位置，包含全站通用信息
- section 或 article 内的 footer：用于标注该部分内容的元信息，如发布时间、编辑者等
- 配合 nav 使用：在页脚中添加导航链接，例如“隐私政策”、“使用条款”等
建议不要在同一个区域内重复使用多个 footer，每个内容区块保持一个页脚即可。同时避免把广告或无关内容塞进 footer，保持其语义清晰。
基本上就这些。合理使用 footer 标签，能让你的网页结构更专业、更易用。不复杂但容易忽略细节。