Attention, cette version d'AcceDe Web est obsolète,
pour consulter la dernière version, se rendre sur www.accede-web.com/notices/ !

1.1.3. Structurer les menus de navigation avec des listes

Utiliser des listes non ordonnées <ul> et <li> pour baliser les menus de navigation.

Dans le cas d’un menu à plusieurs niveaux, veiller à la bonne imbrication des listes :

<ul id="menu-principal" role="navigation">
    <li><a href="page-1.html">Premier item du menu</a></li>
    <li>
        <a href="page-2.html">Deuxième item du menu</a>
        <ul>
            <li><a href="page-3.html">Premier item du sous-menu</a></li>
            <li><a href="page-4.html">Deuxième item du sous-menu</a></li>
        </ul>
    </li>
    <li><a href="page-5.html">Troisième item du menu</a></li>
</ul>

HTML5

En HTML5, englober en plus les menus de navigation principaux avec une balise <nav>, de façon à obtenir :

<nav id="menu-principal" role="navigation">
    <ul>
       […]
    </ul>
</nav>

Recommandations associées

notices/html-css/structurer-les-menus-de-navigation-avec-des-listes.txt · Dernière modification: Le 06/03/2013 à 16:34 (modification externe)
 

Projet coordonné par Atalan.

En partenariat avec :

Et le soutien de :