页脚
Footer
UI 组件也叫：底部栏、网站底部、页尾、Site Footer
一句话：网页最底部的区域，放版权信息、备案号、常用链接和联系方式，每个页面通常都一样。
详细解释
页脚位于页面最底部。官网的页脚通常分成几列链接（产品、资源、公司、帮助），下面一行是版权声明、隐私政策和备案号，有时还有社交媒体图标、订阅邮箱输入框。后台系统的页脚更简单，往往只有一行版权文字，甚至不需要。HTML 里用 <footer> 标签表示。
页脚是用户没找到想要的东西时最后看的地方，适合放不常用但必须存在的入口，比如联系我们、使用条款、招聘，不要把核心功能入口只放在页脚。内容不满一屏时，页脚要贴在窗口底部而不是悬在页面中间，这叫粘性页脚（Sticky Footer），可以用 Flex 布局让主体区域撑满剩余高度来实现。
示例
灰度线框示意，只表达结构，不代表具体视觉风格。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。
网站底部加一个页脚：深灰背景，上半部分四列链接（产品、资源、公司、帮助），每列 4 个链接；下半部分一行浅色小字，左边是「© 2025 某某科技」和备案号，右边是社交图标；内容不足一屏时页脚贴在窗口底部，手机上链接改为两列。
结构与适用场景
结构描述
由多列链接分组、底部版权与备案信息行组成，可附带品牌标识、社交图标和订阅输入框。
适用场景
- 官网、博客、落地页等面向访客的网站，需要统一的底部信息区
- 需要放版权声明、备案号、隐私政策这类每页都要有的信息
- 有较多次要链接，比如帮助中心、招聘、联系我们，需要集中收纳
不适用场景
- 核心功能入口或主要行动按钮，放在页脚几乎没人看到
- 后台管理系统的工作区，大段页脚会挤占操作空间
- 使用无限滚动的信息流页面，页脚永远滚不到
常见坏用法
- 内容不满一屏时页脚悬在页面中间，下方留一大块空白
- 把对话框、卡片底部的按钮区也写成页面级页脚，结构混乱
- 页脚链接密密麻麻几十个，没有分组标题
识别特征
- 页面最底部一整条通栏区域，常用深色或浅灰背景
- 几列小号链接文字，每列上方有分组标题
- 最底一行有 © 版权符号和备案号
DOM 线索
插件本地识别时匹配的 CSS 选择器（标签、ARIA role、常见组件库 class）。
body > footerfooter[role="contentinfo"].ant-layout-footer.el-footer.arco-layout-footer.t-layout__footer.n-layout-footer