VibeHubVibe Coding 术语图鉴
术语练习路线防止 AI 味儿Skill
⌕
Oil
›页脚

页脚Footer

你可能会说

页面最底下那块也得有,放点链接和版权信息。

页脚是网页底部集中放置补充链接、版权和联系方式的页面区域·隐私政策、服务条款、联系方式和社交账号常放在 Footer,并按用途分组。它适合补充入口;不要把顶部已经清楚展示的所有链接原样重复,也不能把用户必须在提交前看到的关键规则只放在页脚。
订阅产品更新每月一封,说明重要变化 输入邮箱订阅
◆ VibeUI把想法变成网页 产品功能定价更新日志 资源文档博客模板 公司关于加入我们联系
© 2026 VibeUI · 备案信息(如适用)✉X▶

什么时候用

  • 链接按主题分组:产品 / 资源 / 公司各一列
    产品功能定价支持文档联系
    © 2026 VibeUI
  • 用户需要咨询或反馈时,提供联系方式或社媒入口
    ✉X▶hi@vibeui.dev
  • 外部 链接 Link 应有可理解的名称;是否加外链图标取决于产品规范
    部署遇到问题?去看官方文档 ↗,回来接着操作。
  • 当阅读结尾仍有明确下一步时,可在页脚上方再次提供 CTA
    开始使用
    开始使用

什么时候不用

  • 大量链接没有分组,会增加浏览和查找成本
    关于我们 加入我们 新闻中心 投资者关系 合作伙伴 开发者 开放平台 API 文档 帮助中心 社区 博客 活动 招聘 公益 隐私 条款 网站地图
  • 用版权年份判断维护状态并不准确;需要表达维护状态时,应单独标注更新时间
    © 起始年份–当前年份 权利主体
  • 页面需要用户咨询或反馈,却没有提供任何合适的联系入口
    © 2026 某公司
  • 在页脚堆砌 SEO 关键词会损害可读性和可信度
    最好用的建站工具 免费建站 网站模板 网页设计 在线建站 SEO 优化 企业官网 快速建站……
组成结构 · Anatomy
产品功能定价支持文档联系
© 2026 VibeUI ✉X▶
按主题分组的站内链接列
准确写明权利主体与适用年份或年份范围
按页面目标提供邮箱、社媒或支持渠道
常见变体 · Variants
多列链接组MultiColumn
链接较多,需要按主题继续导航时
极简单行Minimal
© 2026 VibeUI
简单页面只需版权与必要法律信息时
带订阅WithSubscribe
输入邮箱订阅
需要收集邮件订阅时
典型使用场景
官网多列页脚
◆ VibeUI把想法变成网页 产品功能定价更新日志 资源文档博客模板 公司关于加入我们联系
© 2026 VibeUI · 备案信息(如适用)✉X▶
博客极简版权行
关于归档RSSGitHub ↗ © 2026 小hu的博客 · 保持写作,保持热爱
带订阅的页脚
订阅产品更新每月一封,说明重要变化 输入邮箱订阅
© 2026 VibeUI · 把想法变成网页✉X▶
文档站链接页脚
◆ 文档中心查找产品说明与使用方法 文档快速开始API 参考更新日志 社区论坛示例库播客 法律隐私政策服务条款
© 2026 VibeUI Docs · 备案信息(如适用)🌐 中文 ▾
延伸阅读 · 权威出处
页脚 101:设计模式与适用场景NN/g ↗
oil
01oil 欧呦oiloil.org02GitHub@oil-oil03Xx.com/I_am_oil_oil04RED小红书oil 的小红书主页05Emailzhihuang.oiloil@gmail.com术语投稿提交建议
选择题选择一个你认为最合适的答案

官网页脚需要放隐私、条款、帮助和联系方式,但 7 天退款期限会直接影响购买。怎样组织?

你可以这样告诉 AI Agent

“

请把页脚链接按产品、资源、公司和法律分组,补充可用的联系入口,不要机械复制整个页头。退款期限等购买条件仍放在定价和 CTA 附近;检查手机端分组、外链名称和空链接。

推荐工具
网页微调工具 · Selector Pro

快速选中页面元素,告诉 AI 要微调哪里

点选按钮、文字或卡片,写下“圆角小一点”,再把准确位置和页面信息一起复制给 AI。

打开 Selector Pro 官网↗
你的网页
按钮 · 开始探索圆角小一点
按钮 · 开始探索已复制给 AI