そもそも、
- 表示エリアの有効利用
- ページ(項目)切り替えのナビゲーション
- 見た目のデザイン的配慮
などの目的から、TAB切り替えのデザインを行うことがある。
これは、ソフトウェアもWebページも同様だ。
PC向けソフトウェアなんて作れないkAzzであるから、当然話題は後者のWebページ。
TAB切り替えは一般的に
- 各表示エリアをブロック要素(DIVやPタグ)囲む
- 初期エリア以外はSTYLEのDISPLAY要素をNONEに指定
- タブ切り替えはDISPLAYのNONE/BLOCK(またはinlineなど)による
という流れだ。