タブ切り替え アイコン付きタブ切り替えの作り方【HTML/CSS/JavaScript・サンプルコード付き】 アイコンとテキストを組み合わせた水平タブUIを実装。ボタン型のカード風デザインで、クリックやキーボード操作に対応。ARIA対応・スコープ済みCSS付きで安心してコピペできる完全サンプル。 2025.10.05 タブ切り替え