html - タグ対

Question

<button>を使用するのではなく、UI を設計するときに html タグを使用するのは間違ってい<div class="button">ますか? 実装では、両方のアプローチの違いに気づいておらず、<button>よりセマンティックに見えますが、フォーム内での使用のみを目的としているかどうかはわかりません。ボタンはフォームではありません。タグを使用するの<div>がボタン (ブートストラップ) を作成する最も一般的な方法のようですが、その理由はわかりません。これには技術的な理由がありますか？

Answer 1

ボタンを表すために、または他の要素<button>よりも使用することをお勧めします。<div>ここでは「type」属性が重要であり 、これがtype="button"ないと、デフォルト値はsubmitフォームの外では意味がありません。

ちなみに、<button>フォームの外側にあることはまったく問題ありません。

多くの場合、UIを設計する際、<a>タグは意味のある最も適切な要素ですが、<button>JavaScriptを介してアクションを実行するのに完全に適しています（実際には意図されています）。

タグを使用するの<div>がボタン（ブートストラップ）を作成する最も一般的な方法のようですが、理由はわかりません。

私は実際にこれの証拠を見たことがありません、そして正直に言って、それは彼らが何をするかは問題ではありません。ブートストラップフレームワークは、セマンティクスを無視する傾向があります。たとえば、のような表示上の理由で空の要素を使用する場合など<li class="divider"></li>です。

Answer 2

使いやすさの観点からは、ブラウザーが対話機能を処理する方法に基づいて実装<button>する方が適切です。<div><a>

ユーザーがずさんなクリッカーで、誤ってクリック アンド ドラッグしたり、タッチ スクリーン上でクリックしたり<div>すると、クリック イベントをトリガーするのではなく、コンテンツを選択してしまう可能性があります。を使用<button>すると、この問題が大幅に軽減されます。

ただし、<div>のようなボタン以外のオブジェクトは、CSS を適用する際により柔軟に対応できます。特に古いブラウザでは。