0

<nav>HTML5タグについて。

これの違いは何ですか：

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

そしてこれ：（これはうまくいきますか？）

<nav>
    <li><a href="#">Home</a></li>
    <li><a href="#">News</a></li>
    <li><a href="#">Photos</a></li>
 </nav>
4

2 に答える 2

5

/liの外に要素を配置することはできません。ulol

ただし、リストを使用する必要はまったくありません。aこれらのタグを の直下に置くことができますnav:

<nav>
    <a href="#">Home</a>
    <a href="#">News</a>
    <a href="#">Photos</a>
</nav>

もう少し歴史とより徹底的な調査については、これを読んでください。

リスト内のナビゲーション: To Be または Not To Be。

于 2013-11-08T20:00:20.260 に答える
0

<li>は、それが使用できる文脈の外で、ulまたはol 文脈に基づいて有効ではありません。この定義は非常に厳密です。

に関しては<nav>、そのコンテンツ モデルはフロー コンテンツです。 <li>はフロー コンテンツ要素ではありません。同様に、リスト ( または のいずれか) を含める必要<nav>はありません。<ul><ol>

私の理解では、ナビゲーション リストはスクリーン リーダーでより適切にサポートされ、検索エンジンの最適化により適しています。なぜなら、検索エンジンは、ページ上でリストが繰り返されてもペナルティを受けないからです。リストを避けると、そうなる可能性があります。これを裏付ける証拠はまったくありません。単なる逸話です。

個人的には、最も単純で有効な HTML を使用します。それはちょうど子供たちです<nav>。<a>

于 2013-11-08T20:05:10.010 に答える