Alert banner 横幅提示
/uh-LURT BAN-er/ · noun · 反馈类模式 · #076
横贯页面或区块顶部的一条提示，写着值得知道的事，直到处理或关掉才消失。比轻提示响，比弹窗安静——而且一次只放一条。
别名：警告提示、公告栏。
你可能会这样叫它
- “网页顶部的提示条”
- “页面上方的黄色警告条”
- “顶部公告条”
- “一条横着的通知”
- “不会自己消失的提示”
……它的名字是 横幅提示（Alert banner）。
常见问题
网页顶部的提示条叫什么？
叫横幅提示（Alert banner），也叫通知横幅、公告栏，用来放促销、Cookie 说明、付款失败之类的消息。菜单下面那块大图叫首屏横幅（hero banner），放 Logo 和菜单的那一条叫页头（header）。
横幅提示和 Toast 有什么区别？
Toast 弹出来说一句话就自己消失，适合“已保存”这类确认；横幅提示会一直停在页面顶部，直到问题解决或用户手动关掉，适合付款失败、服务中断这类不能错过的消息。
代码里叫什么
| SwiftUI / UIKit | 没有横幅组件，一般自己做一个固定在顶部的视图 |
|---|---|
| Android (Compose / Views) | 没有横幅组件，一般在内容上方自己做一行 |
| Flutter | MaterialBanner ScaffoldMessenger.showMaterialBanner() |
| Web (HTML / ARIA) | role="status" role="alert" |
复制给 AI 编程工具
在页面顶部加一个横幅提示，用来放必须一直可见、直到处理完的消息（例如“你的付款失败了”）：一条全宽的横条，包含图标、一句话、可选的操作链接和关闭按钮。用图标加颜色区分类型（信息、成功、警告、错误），不能只靠颜色。普通消息用 role="status"，只有紧急消息才用 role="alert"；不要把焦点移过去，记住用户关掉过的横幅，同一时间最多显示一条。