Web：タブ

概要

Web上でタブメニューっぽい表示にする方法です。

スタイルシート＋JavaScriptで実装

実装例はこちら。

簡単な仕掛けなので、適当にHTML、JavaScript、スタイルシートを見てください(^_^;
ほとんど、http://nais.to/~yto/tools/css_tabs/のパクリです(/_＼;)

かなり単純ですが、これだけでもタブクリック時にサーバに問い合わせにいかなくなるので、インターフェース的にはかなり快適になります。
もっと複雑なタブ（階層に対応する等）を使いたくなった際には、汎用的なJavaScriptライブラリがあるので、その都度用途に合わせて探すのがよいでしょう。

スタイルシートのみで実装

実装例はこちら。

HTMLとスタイルシートだけなので、適当にソースを見てください(^_^;
ほとんど、http://ash.jp/のパクリです(/_＼;)
この形式だと、確かにタブっぽいインターフェースにはなりますが、結局全て他のページに遷移することになるので、ほとんど実益がありません。
全ての状態をパラメータやCookieで保持しておいてタブの状態を維持することは可能ですが、かなり面倒。
ということで、やはりJavascriptを使うのが現実的かと思います。