Footer 页脚

/FOOT-er/ · noun · 导航类模式 · #094

网站每一页最下方的那块区域:放次要链接(关于、联系我们、招聘)、法律页面、社交媒体图标、版权信息,有时还有订阅邮件的输入框。用户在页头找不到东西时,会滚到这里来找。

Footer(页脚) UI 模式示例:CatchUI 图鉴标本

别名:页脚、网页底部、网站底部、底部信息栏。

你可能会这样叫它

  • “网站最下面那一块”
  • “网页底部的链接”
  • “底部的版权信息”
  • “网页最底下的栏”
  • “网站底部信息”

……它的名字是 页脚(Footer)。

常见问题

网页页脚写什么内容?

放用户最后才会找的链接:关于我们、联系方式、招聘、帮助、隐私政策、服务条款、无障碍说明,加上社交媒体图标、版权信息,有时还有地址和邮件订阅。大型网站会用好几列的「大页脚」,相当于第二份网站地图。

代码里叫什么

Web (HTML / ARIA)<footer> 页面顶层的 footer 就是 contentinfo 地标
iOS / Android App 没有页脚,法律和帮助链接一般放在设置或「关于」页面
Flutter 没有页脚组件;Web 版里就是滚动视图末尾的一个组件

复制给 AI 编程工具

在每一页底部加一个全站页脚:三到四列简短的链接(产品、公司、帮助、法律),带无障碍名称的社交媒体图标,一行带当年年份的版权信息,可选一个订阅邮件的输入框。视觉上比页头更低调,窄屏时各列纵向堆叠,并使用 footer 地标。

用 AI 写界面时该怎么说:UI 用词指南(英文)→

相关模式

网站各部分叫什么(英文)→

传一张截图,抓住这个模式 →

学会从视觉线索认出 UI 模式(英文)