This is an old revision of the document!

1.1.3. Structure navigation menus with lists

Use unordered lists <ul> and <li> to tag the navigation menus.

With menus containing more than one level, make sure you nest the lists into each other properly:

<ul id="menu-principal" role="navigation">
    <li><a href="page-1.html">First menu item</a></li>
        <a href="page-2.html">Second menu item</a>
            <li><a href="page-3.html">First sub-menu item</a></li>
            <li><a href="page-4.html">Second sub-menu item</a></li>
    <li><a href="page-5.html">Third menu item</a></li>


In HTML5, you should also wrap the main navigation menus with a <nav> tag, so that you have:

<nav id="menu-principal" role="navigation">

notices/html-css/structurer-les-menus-de-navigation-avec-des-listes.1370954169.txt.gz · Last modified: 11 June 2013 at 14:36 by Sébastien Delorme (Atalan)

Project coordinated by Atalan.

In partnership with: