4

多くのウェブサイトがタグをタグの中に入れているのだろうか、navタグがアンカータグを持っているという仕様から、そしてここでw3schoolsの例、なぜ多くのサイトがこのように作るのか：

<nav>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
    </ul>
</nav>

それは正しいですか、それともこのようにするだけです

<nav>
    <a href="#">Home</a>
    <a href="#">About</a>
</nav>
4

5 に答える 5

5

通常は必須ではありませんが、ナビゲーションアイテムをリストに入れ、CSSを使用してインラインで表示するのが非常に一般的な方法です（必要な場合）。これはHTML5のアドバイスだけではありません。ブラウザでCSSの例を無効にすると、メニューは次のように表示されます。

私の連絡先について始めてください（これを読むことができますか？）

リストを使用すると、次のようになります。

  • 始める
  • 私について
  • コンタクト

デザインの表示に問題が発生した場合に、どのバージョンを表示するかを検討してください。

于 2012-07-27T18:36:26.353 に答える
2

ここで重要なのは、nav、section、header、footerなどの新しいタグが何のために設計されたかです。それ自体、これらのタグはdivと同じように動作します。人々がhtml5サイトでそれらを使い始めている理由は、ドキュメントにコンテキストを提供するためです。「Web2.0」のような言葉を聞くと目を転がしますが、これらの言葉は私たちがウェブをどのように使うかについての考え方の変化を伝えています。「Web3.0」と聞くと、本当の意味は、人々がWebをよりセマンティックにする方法を考えようとしているということです。つまり、ユーザーエクスペリエンスは、ユーザーの行動や好みに基づいてカスタマイズされます。これらのタイプのタグでドキュメントにタグを付けると、そのコンテキストを提供するのに役立ちます。ただし、それがどのように表示されるかはまだあなた次第であり、あなたが提供した両方の例は完全に有効であると私は信じています。

これをより詳細に説明するまともな記事がここにあります：

http://html5doctor.com/lets-talk-about-semantics/

于 2012-07-27T18:40:40.457 に答える
1

私は常に、純粋に別の単一のタグを収容するために存在するタグは無関係であると考えてきました。

ただし、意味論的で賢明なマークアップは不正確な科学であるため、人々は異なる見解を持っています。

于 2012-07-27T18:40:51.477 に答える
1

「nav」要素の仕様に従って、他のページまたはページ内の部分にリンクするページのセクションを表します。仕様では、「nav」要素の特定の構造は必須ではありません。一方、「ul」ブロックは、論理的および/または実用的な目的でナビゲーションリンクをグループ化します。スクリーンリーダーはナビゲーションのブロック全体をスキップして、あるナビゲーションレベルから別のレベルにジャンプする可能性があるため、ナビゲーションのブロックにリストを使用すると、支援技術を使用してWebをナビゲートしているユーザーにメリットがあります。

参照：

于 2012-07-27T18:56:59.183 に答える
0

はい、マルチレベルナビゲーションの場合（階層順に並べられます）。いいえ、他のすべての場合：データを保存し、速度と読みやすさを向上させます。

IMHO ULは、実際の順序なしリストを表示するために使用する必要があります。表形式のデータを表示するテーブルについても同じことが言えます。

于 2014-12-06T10:08:09.660 に答える