✏️ AI 术语图鉴

标签切换 · Tabs

英文:Tabs

导航与切换难度:入门 ★

🗣️一句话大白话

多个标签共用同一块内容区域,一次只显示其中一个同等级视图。

🎬真实场景

内容分类、数据视图、设置、作品分类、月度与年度图表

📮你可以这样说

「在 Punk 的作品区添加 Tabs,标签为 All、Web、AI、Experiments,默认显示 All; 切换标签时只更新下方项目网格,不刷新整个页面; 使用 tablist、tab 和 tabpanel 语义,支持左右方向键切换并显示清晰 active 状态。」

通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。

⚠️边界与常见误解

  • ▸误解:Tab 越多越方便。实际适合 3-6 个同等级视图,过多应改用侧边分类

🚫什么时候别用

  • ✗视图数量超过 6 个时

🧩常见变体

横向 Tabs图标+文字 Tab

🕸️知识关系图

这个词条与相关术语、AI绘图 知识的连接关系

相关术语相关术语相关术语
手风琴
Accordion
锚点跳转
Anchor Link
功能网格
Feature Grid
标签切换
Tabs

🔗相关术语