aタグによるリンクの実装

aタグ、buttonタグ、divタグによる操作性の違いを確認してみてください。

aタグでは、以下のような操作が行えます。

• 右クリックを押した際のコンテキストメニューがリンク仕様になり、「新しいタブで開く」などが用意されている
• キーボード操作(Tabキー)でフォーカスが当たる
• マウスのホイールクリックでリンクが別タブで開ける
• マウスでホバーすると左下にリンク先が表示される

buttonタグでは、キーボード操作でフォーカスを当てて、Enterで画面遷移を行うことは可能ですが、それ以外のaタグに見られる特徴は見られません。

divタグでは、あげた特徴はどれも使用不可。押せば画面遷移のみ起こる。