html - ナビゲーション内の HTML5 2 メニュー

Question

HTML5 に関するあなたの専門知識を利用できるかどうか疑問に思っていました。

内部リンクの 2 つのメニューがあり、1 つずつ下にあります。両方のメニューを 1 つにラップ<nav>する必要がありますか、それとも各メニューを独自のメニューに含める必要があります<nav>か?

ありがとうございました

Answer 1

HTML 5 仕様で<nav>は、次のように定義されています。

nav 要素は、他のページまたはページ内のパーツにリンクするページのセクション (ナビゲーション リンクを含むセクション) を表します。ページ上のリンクのすべてのグループが nav 要素に含まれる必要はありません。主要なナビゲーション ブロックで構成されるセクションのみが nav 要素に適しています。特に、フッターにはサイトのさまざまな主要部分へのリンクのリストがあるのが一般的ですが、そのような場合にはフッター要素がより適切であり、これらのリンクには nav 要素は必要ありません。

したがって<nav>、ブロックレベルの要素であるため、ナビゲーションを作成するために常にタグlist-itemsを定義するのではなく、必要な数のナビゲーション要素を作成するためにネストする必要があります。<nav>

例えば、

<nav>
<h1>Title</h1>
<ul>
<li><a href="#">Item 01</a></li>
<li><a href="#">Item 02</a></li>
<li><a href="#">Item 03</a></li>
</ul>
</nav>

また、CSSlistsを使用して、必要に応じて をカスタマイズし、希望どおりに動作させます。

これが役立つことを願っています。