7

まず、これが「真の」スタックオーバーフローの質問でない場合は、非常に申し訳ありません。しかし、それは私がいつも疑問に思っていたものです...

サイト（html）のナビゲーションバーをコーディングするとき、listタグを使用して実装する唯一の方法ではないにしても、非常に良い方法であると読みました。例えば

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

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

しかし、この標準は石に設定されていますか、それともそれが最善のオプションである場合にのみこの方法で実行します...現在私はナビゲーションバーを持っているので、それはいわば「標準」のnvバーではありません。それをリストとして実装するというちょっとした使命。一部のdivに配置されたいくつかのリンクタグはうまく機能します。しかしもちろん、人々が私を指差して笑わせるのであれば、私はこの方法をやりたくありません...

前もって感謝します！

4

1 に答える 1

7

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

Web標準を使用してサイトを設計することの一部には、意味的に正しいコードの使用が含まれます。「ブレインストームとレイブ」を引用するには：

優れたHTML構造は、論理、順序、および意味的に正しいマークアップの使用に基づいています。見出しがある場合は、H1要素から始まる見出し要素を使用します。段落がある場合は、段落要素を使用します。リストがある場合は、リストアイテム要素を使用します。

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

適切なHTML構造を使用すると、テキストベースのブラウザ、スクリーンリーダー、CSSをサポートしていないブラウザ、CSSがオフになっているブラウザ、検索ボットがコンテンツに簡単にアクセスできるようになります。

これに関する素晴らしい記事はここにあります

于 2012-09-18T12:14:34.890 に答える