そもそも、そんな風習なんてあんの？リンクを貼る必要のない要素はaタグにしないだろうし、リンクが貼られていない要素にクリックイベントをリッスンさせることは普通にあると思うけど
あなたがそれをdivするのはかまわないが人が見たらプークスクスですよ
Re:3 なぜですか？大手のサービスのソースでは、そのボタンにあたる下層ページが存在する場合にはaタグを入れてますが、ただのハンバーガーメニューアイコンの場合buttonタグを採用していたりします。
Re:2 同意、どこの村の風習だろうね・・・
aタグにイベントを設定するのはレガシーな方法だから、それ以外でもまったく問題ないよ。実際、aタグ使い人いるよね。つまり、古い知識から更新していない人。闇雲にaタグ使う人見ると、不勉強な人だなあーって思う。
SEOとかの関係あるんじゃね。googleの中の人じゃないから知らないけれど。クリックイベントと言っても色々ありますよね。ボタンだったら素直にbuttonタグ使う方が分かりやすくなるし。メニューだったらulとliにaタグ仕込ませる方法が普通だし（今だからこそJavascriptが無い環境というのも特異だけど、昔々jsが使えない場合の環境も考慮してナビにはaタグ使って組む配慮ってのがあった気もする）話がずれるけど、昔々safari(iOS系)にaタグのhref属性を入れておかないと、clickエベント付けても反応がなくなる仕様みたいなものがあった様な気がする。（https://stackoverflow.com/questions/12207180/mobile-safari-and-jquery-events-nothing-is-firing）
HTMLの記述については、JavaScriptとは切り離して、HTMLの文法として妥当かどうかを中心に考えるべきかと思います。あくまで、JavaScriptはドキュメントツリーから目的のNodeを選択しているに過ぎず、そこに厳格なルールは存在しません。社内・プロジェクトに規約が存在しているのであれば、それに従えばよいのではないでしょうか。
Re:7 Twitterでは、aタグにhref設定してますね！
Re:6 aタグにイベント設定するのを一律レガシーな方法と言ってしまうきみもどうかと思うが。
Re:6 HTMLの記述的に<a>タグを使うことが適切であれば、その要素をイベントターゲットにすることは全く問題ありません。特定のHTMLタグとJavaScriptを組み合わせたときに、HTMLの記述方法が変わるということはないと思います。少なくともW3C勧告にも、ECMAScriptの言語仕様にもそのような記述を見たことがありません。
Re:11 aタグ使っちゃいけないって一言もいってないんだが。。。
divタグでもいいと思いますが、クリックイベントがあることを明示するためにaタグやbuttonタグにしていますね。
12 件の回答
そもそも、そんな風習なんてあんの？リンクを貼る必要のない要素はaタグにしないだろうし、リンクが貼られていない要素にクリックイベントをリッスンさせることは普通にあると思うけど
あなたがそれをdivするのはかまわないが
人が見たらプークスクスですよ
Re:3
なぜですか？
大手のサービスのソースでは、
そのボタンにあたる下層ページが存在する場合にはaタグを入れてますが、
ただのハンバーガーメニューアイコンの場合buttonタグを採用していたりします。
Re:2
同意、どこの村の風習だろうね・・・
aタグにイベントを設定するのはレガシーな方法だから、それ以外でもまったく問題ないよ。
実際、aタグ使い人いるよね。つまり、古い知識から更新していない人。
闇雲にaタグ使う人見ると、不勉強な人だなあーって思う。
SEOとかの関係あるんじゃね。googleの中の人じゃないから知らないけれど。
クリックイベントと言っても色々ありますよね。ボタンだったら素直にbuttonタグ使う方が分かりやすくなるし。メニューだったらulとliにaタグ仕込ませる方法が普通だし（今だからこそJavascriptが無い環境というのも特異だけど、昔々jsが使えない場合の環境も考慮してナビにはaタグ使って組む配慮ってのがあった気もする）
話がずれるけど、昔々safari(iOS系)にaタグのhref属性を入れておかないと、clickエベント付けても反応がなくなる仕様みたいなものがあった様な気がする。（https://stackoverflow.com/questions/12207180/mobile-safari-and-jquery-events-nothing-is-firing）
HTMLの記述については、JavaScriptとは切り離して、HTMLの文法として妥当かどうかを中心に考えるべきかと思います。
あくまで、JavaScriptはドキュメントツリーから目的のNodeを選択しているに過ぎず、そこに厳格なルールは存在しません。
社内・プロジェクトに規約が存在しているのであれば、それに従えばよいのではないでしょうか。
Re:7
Twitterでは、aタグにhref設定してますね！
Re:6
aタグにイベント設定するのを一律レガシーな方法と言ってしまうきみもどうかと思うが。
Re:6
HTMLの記述的に<a>タグを使うことが適切であれば、その要素をイベントターゲットにすることは全く問題ありません。
特定のHTMLタグとJavaScriptを組み合わせたときに、HTMLの記述方法が変わるということはないと思います。
少なくともW3C勧告にも、ECMAScriptの言語仕様にもそのような記述を見たことがありません。
Re:11
aタグ使っちゃいけないって一言もいってないんだが。。。
divタグでもいいと思いますが、クリックイベントがあることを明示するためにaタグやbuttonタグにしていますね。