buttonタグによるボタンの実装

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

buttonタグはデフォルトでデザインが適応されているため、divタグのボタンにも似たデザインを当てています。

buttonタグでは、カーソルをホバーした際の色の変化が自動的に設定されており、ボタンと認識しやすくなっている。また、Tabキーを押すと、フォーカスが当たるようになっている。

divタグでは、ボタンという認識がないため、カーソルを合わせてもテキストとして扱おうとする。また、フォーカスが当たらないため、キーボード操作ではクリック不可能。