术语图鉴/UI/UX 设计/页脚
←→切换Esc返回

页脚 Footer

你可能会说

页面底部加个页脚,放版权和联系方式。

页面最底部的区域,常放版权信息、备案号、友情链接、社交媒体图标、联系方式等。

页面最底部的区域,常放版权信息、备案号、友情链接、社交媒体图标、联系方式等。

也常被叫作Footer

生活类比

像书的封底——正文结束了,封底印着出版社、ISBN、条形码等辅助信息。

🎮 动手试试

© 2024
🐦📧🔗
选择题选择一个你认为最合适的答案

关于「页脚」,以下哪个描述最准确?

你可以这样告诉 AI

帮我在页面最底部做个页脚:分三列放站点地图、社交媒体图标、联系方式,底部一行版权加备案号。

容易混淆?这样区分

页脚 Footer≠
版权声明 Copyright Notice

页脚是页面底部的整个区域容器,版权声明只是其中一行「©2024 版权所有」的文字。

什么时候用

页面底部信息收纳

需要在页面底部集中展示版权、备案号、联系方式、社交媒体链接、站点地图等辅助信息时,用页脚统一收纳。

和 AI 协作时

想让 AI 做页脚时,说「帮做页脚:四列布局——产品、资源、关于、联系,底部再加版权行」,AI 会生成 Footer 代码。

什么时候不用

无限滚动信息流

社交动态、短视频等无限下拉的内容流,用户几乎不会滑到底部,页脚放在最底部几乎看不到,意义不大。

与浏览器外环境无关

Electron 桌面应用、移动端原生 App 有自己的导航体系,Web 式页脚在这些环境中显得突兀和不协调。

组成结构 · Anatomy

1
核心概念Core

页面最底部的区域,常放版权信息、备案号、友情链接、社交媒体图标、联系方式等。

2
实际表现In Practice

像书的封底——正文结束了,封底印着出版社、ISBN、条形码等辅助信息。

3
与 AI 的关联AI Context

和 AI 沟通时提到「底部加个 Footer」,就是做页脚组件,放版权和链接。

典型使用场景

完善页脚信息
告诉 AI「页脚用深灰背景白字,三列放导航链接、社交图标、联系方式,最下面版权和备案号」
想弄懂概念时
告诉 AI「用大白话给我解释什么是页脚,举个生活中的例子」

延伸阅读