html5 NAV BALISE bon usage

J'ai commencé à utiliser les balises html sur mes pages, et je suis d'essayer de déterminer quel est le bon usage de la balise NAV. J'ai lu la documentation, et il semble que je devrais être d'accord avec ce que j'ai, mais j'ai remarqué que la plupart des autres développeurs ont à leur navigation, les "blocs" au sein de "ul" "li" balises. J'ai l'aide de divs.

Ma question est, quels sont les avantages /inconvénients à l'utilisation de "ul" "li" étiquettes plutôt que les divs?

Et les travaux suivants avec nav?

<nav>
    <div id="navBar">
        <div id="navItem1"><a></a></div>
        <div id="navItem2"><a></a></div>
        <div id="navItem3"><a></a></div>
        <div id="navItem4"><a></a></div>
    </div>
</nav>

OriginalL'auteur Saahir Foux | 2011-08-09

  1. 7

    Le code que vous avez posté n'est pas une bonne pratique. Il doit être:

    
<nav>
    <ul>
        <li><a></a></li>
        <li><a></a></li>
        <li><a></a></li>
        <li><a></a></li>
    </ul>
</nav>

    <ul> et <li> balises sont mieux que d'utiliser div balises, et sont presque toujours utilisée pour les menus. En utilisant uls et lis, vous n'avez pas obstruer votre code avec beaucoup trop d'Id.

    Merci pour votre aide. Il est très probable que je vais convertir mes divs ul/li. Je m'inquiète ie7 soutien pour la balise nav.
    Ensuite, vous aurez envie d'utiliser un shiv comme ceci: <!--[if lt IE 9]> <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
    Merci à tous, vous avez été plus utile. =)

    OriginalL'auteur jezza-tan

  2. 3

    Listes (ul, ol) peut avoir d'autres sens à l'accessibilité des navigateurs (les lecteurs d'écran et autres) alors que les divs ne le font pas. Cela rend plus facile pour ces utilisateurs à l'utilisation de votre site et l'une des raisons les listes sont privilégiées pour les menus.

    Aussi, comme d'autres ont dit, la liste des balises de donner le contenu le contexte (les menus sont des listes de liens), tandis que les divisions n'ont aucun contexte.

    OriginalL'auteur Paul DelRe

  3. 1

    par la coutume, une barre de navigation est considérée comme une liste de liens, d'où l'ul-li. il n'y a pas de différence, seulement une pratique courante

    ce que vous faites est très bien, bien que peut-être je voudrais remplacer le div#navBar directement avec un nav#navBar, de réduire une anidation niveau

    -1. Il y a est une réelle différence, les personnes qui utilisent des lecteurs d'écran sont fondées sur des listes pour naviguer sur une page, des outils automatisés pourraient les utiliser pour construire la structure, les moteurs de recherche peuvent utiliser, pour diverses raisons, lorsque l'indexation d'une page, etc.

    OriginalL'auteur Einacio