UL Liリストを使用してナビゲーションバーを描く理由は何ですか？

Question

私はCSS構造のナビゲーションデザインが、ほとんどがulとliというタブ構造のリストによって行われているのを見ました。これの背後にある理由は何ですか？ CSSがどうにか無効になった場合、そのようなサイトのフォールバックは何ですか？

Answer 1

セマンティックマークアップはさまざまな理由があり、例えば：

• スクリーンリーダーは、より簡単に
• Googleのボットは、より簡単に

このリンクは上の詳細を与えるサイトをクロールすることができ、サイトにアクセスすることができますトピック：Semantic HTML。 さらに、誰かがCSSを無効にすることはほとんどありません。私の意見では、そのような場合にフォールバックを提供する必要は全くなく、ナビゲーションはとにかくアクセス可能です。

Answer 2

私はそれが（すべてのブラウザで）開発されたときにうまくいったパターンだと思うので、CSSブックで文書化され、多くの人が使用しました。変更する必要はありません（ul { list-style: none;}とli { display: inline; }）ので、追加するのは簡単です。あなたのブラウザでCSSを無効にすると、ちょうどうまく動作している醜いバージョンが得られます。

Answer 3

具体的な理由はありません。具体的な理由はありません。MUST UL LIリストを使用したナビゲーションリンクを行うルールブックはありません。

しかし、2つの理由ですべてのコメントが与えられ、ドキュメント構造、レイアウト、htmlセマンティクスに関するW3Cの推奨事項については、ナビゲーションリンクがそのように実行されることが**推奨されています**。

これは、標準に準拠した構造とメソッドを使用することによって、コードのパターンによく似ています。それを見て、次にahhと言うと、そのサイトを維持しなければならない次の人...。

スクリーンリーダについては、前述したように、ドキュメントレイアウトについても同様の分析を行い、視覚障害のあるユーザーにとって重要な要素を決定することができます。

Answer 4

ナビゲーションはメニューです。以前のhtmlでは、html4で廃止されたタグがありました（http://www.w3.org/TR/html401/struct/lists.html#h-10.4）。これはmenuとulがレンダリングするためです同じ。

ここで、html5のナビゲーションメニューはセマンティックタグで競合している必要があります。