Glossary
タブとタブバーの違い
Tab vs Tab Bar
30秒でわかる要点
タブは同一文脈内の内容切り替え、タブバーはアプリの主要セクションを切り替えるナビゲーションとして使われます。
使い分けのポイント
- ・タブはページ内コンテンツの切り替え
- ・タブバーはアプリ全体の主要移動
- ・URLや戻る操作との関係を設計する
関連コンポーネント
運営・更新・参照元
- 著者 / 運営
- Component Gallery 編集部
- 最終更新日
- 2026-07-16
- レビュー状態
- 未レビュー
参照元
- W3C Web Content Accessibility Guidelines (WCAG)参照確認日: 2026-07-16
- WAI-ARIA Authoring Practices Guide参照確認日: 2026-07-16
- MDN Web Docs - Accessibility参照確認日: 2026-07-16
FAQ
タブとタブバーはどう使い分けますか？
ページ内の関連情報を切り替えるならタブ、アプリの主要画面を移動するならタブバーとして設計します。
タブとタブバーの違いはどう使い分けますか？
タブは同一文脈内の内容切り替え、タブバーはアプリの主要セクションを切り替えるナビゲーションとして使われます。 実装時は、ユーザーが何を判断・入力・移動したいのかを基準に選びます。
タブとタブバーの違いでよくある誤解は何ですか？
タブはページ内コンテンツの切り替え