11

簡単な質問: HTML5 nav、特にサブ ナビゲーション (セマンティックの観点から)。

<nav>メインメニューのヘッダーにあります。標準ページの左側には第 2 レベルのナビゲーションがあり、右側には第 3 レベルのナビゲーションがあります (いいえ、私がサイトを設計したわけではありません)。3 つのメニューを区別するために HTML5/ARIA に関してできることはありますか? それとも単純な<nav>ブロックですか？

<aside>これらの実際のメニュー以外に追加情報がないため、左または右の列に必要だとは思いません.

ご意見/アドバイスをいただければ幸いです。

4

2 に答える 2

3

id次の行に沿って、意味的に関連する を与え、HTML コード内で重要な順に配置することで、ナビゲーション セクションを区別します。

<body>
  <nav id="main-navigation">
    <!-- The main menu goes here -->
  </nav>
  <nav id="sub-navigation">
    <!-- The left hand menu goes here -->
  </nav>
  <nav id="leaf-navigation">
    <!-- The right hand third level menu goes here -->
  </nav>

  <section id="content">
    <!-- Actual page content -->
  </section>
</body>

それ以外は、セクションをさらに区別する必要はないと思います。上記のアプローチは理解しやすく、スタイルを設定するのもかなり簡単で、意味が明確であるため、私にとっては十分です。

于 2011-05-19T16:54:58.393 に答える