私は 1 ページのストア アプリケーションを作成しており、そのように設計されているため、通常のアンカー タグを使用して通常どおりメニューをセットアップしました。それでも、ブラウザーの履歴を実装する一方で、Default も防止し、新しいビューを開くボタンのように扱います。
アンカー タグの代わりにボタンを表示するようにメニューを再設計する必要があります。それは、親しみやすさと実際の機能(そして意味論の正確さだと思います)です。
スペックを聞いてみましょう。
<a>
要素とは
a 要素に href 属性がある場合、そのコンテンツによってラベル付けされたハイパーリンク (ハイパーテキスト アンカー) を表します。
a 要素に href 属性がない場合、その要素は、リンクが配置されていた可能性がある場所のプレースホルダーを表し、関連性がある場合は、要素のコンテンツのみで構成されます。
<button>
要素はどうですか?
ボタン要素は、その内容によってラベル付けされたボタンを表します。
ナビゲーションで実際のリンクを表している場合 (HTML5 History API を使用している場合でも)、<a>
要素を使用すると言います。そうでない場合は、を使用する<button>
方が良いかもしれません。
ナビゲーションには、おそらくa
タグを使用します。
もう 1 つの問題は SEO です。GoogleBot のようなクローラーは、a
リンクをたどるべきかどうかをbutton
s よりもはるかに簡単に判断できます。