ナビゲーションバーは常にリストとして実装する必要がありますか？

Question

まずは、これが「真の」スタックオーバーフローの質問ではない場合は非常に残念です。しかし、それは私がいつも考えていたものです...

サイト（html）用のナビゲーションバーをコーディングすると、リストを使用してそれを実装する唯一の練習ではないタグ。例えば

<ul> 
    <li> Home </li> 
    <li>About Us</li> 
    <li>Blog</li> 
    <li>Contact Us</li> 
</ul> 

次に、リストを横に表示するなど、必要なスタイルを適用します。

しかし、この標準は石で設定されていますか、そうするのが最善の選択肢であれば、この方法でしかできません...現在、私はあなたの「標準」のNVバーではないナビゲーションバーを持っていますそれをリストとして実装するのはちょっとした使命です。いくつかのdivに配置されたいくつかのリンクタグはうまく動作します。しかし、もちろん私は人々にポイントして私を笑わせさせるなら、この方法をしたくない...

ありがとうございます！

Answer 1

なぜサイトナビゲーションにリストを使用するのですか？

Web標準を使用してサイトを設計するには、意味的に正しいコードを使用する必要があります。 "Brainstorms and Raves"を引用するには：

良いHTML構造は意味的に正しいマークアップを使用しています。あなたが見出しを持っているなら、H1要素で始まる見出し要素を使います。段落がある場合は、段落要素を使用します。リストがある場合は、リスト項目要素を使用します。

構造的なレベルでは、サイトナビゲーションは単にサイトの他の領域へのリンクのリストです。したがって、サイトのナビゲーションをマークアップするための最良の方法は、（おそらく）リスト要素を使用することです。

優れたHTML構造を使用すると、テキストベースのブラウザ、スクリーンリーダー、非CSS対応ブラウザ、CSSがオフのブラウザ、検索ボットがあなたのコンテンツに簡単にアクセスできるようになります。

この上の素晴らしい記事は、私はあなたのナビゲーションバー「はいわばなく、あなたの 『標準的な』 NVバー」であるかについての詳細を知りたいhere