html - クリック可能なDivvsボタンvshref？

Question

HTML/CSSを介してボタンを作成するための最良の方法を学ぼうとしています。以前はクリック可能なdivを使用していましたが、これはこれまでで最高のアイデアではなかったようです。

ボタンはどうですか？またはhrefの

今日はどちらの方法が最適ですか（html5 css3）？

Answer 1

それはあなたが探している行動に依存します。その目的が別のページにリンクすることである場合は、を使用し<a>ます。フォームを送信したり、何らかの投稿をしたり、取得したりする場合は、ボタンを使用します。

Basecampと呼ばれるWebベースのプロジェクト管理製品があります。彼らが最初に立ち上げたとき、彼らは<a>個々のタスクの横にある削除ボタンとしてタグを使用していました。Chrome用のGoogleWebオプティマイザープラグインを使用しているときに内部ページにアクセスしたユーザーには、削除済みとしてマークされたすべてのタスクが表示されていました。Googleページオプティマイザーはページ内のリンクを探し、クリックをトリガーして将来のページをプリロードします。

形態は機能に従うようにしましょう。そうすれば、うまくいくはずです：0）

Answer 2

ボタンを優先する理由の 1 つは、ボタンの方が自然にアクセシビリティに優れていることですが、リンク、スパン、またはその他のタグを使用すると、その点で失敗します。これらの他の要素で適切なアクセシビリティを得るには、ARIA ロールを使用してそれらを修正する必要があります。

ARIA ロールの目的の一部であるため、それ自体はハックではありません。しかし、それについて学び、正しいことを確認することは余分なことです。

Answer 3

HTML でボタンを作成する最良の方法は、 or を使用することです。これは、フォームを送信しようとしたときに、送信タイプのボタンと入力がブラウザーによってデフォルトで使用されるためです。

例えば ​​：

<form action="somepage.php" method="POST">
   <input type="text" name="name1">
   <textarea></textarea>
   <input type="submit" value="submit the form with a input of type submit">
</form>

ユーザーが送信ボタンをクリックしたときのみ、フォームデータが送信されます

ただし、 aまたはdivを使用 してボタンの役割を果たす場合は、javascript を呼び出して助けを求める必要があります。

最終的には、ボタンを使用し、サブミット タイプの入力を使用して、ボタンの役割を果たすことをお勧めします。それ以外はすべて、ページをロードする時間を増加させる可能性があるカスタマイズです。