Accueil    HTML    Balise Nav
 



balise nav  Balise NAV : navigation

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture obligatoire | Support :
  • Google Chrome 20.0 et plus
  • Firefox 14.0.1 et plus
  • IE 9 et plus
  • Opera 12 et plus
  • Safari 5.1.7 et plus



La balise <nav> détermine une section dans laquelle sont regroupés des liens de navigation vers d'autres pages. Elle correspond idéalement au menu principal d'un site permettant de naviguer vers les différentes sections de celui-ci. La section <nav> peut contenir autre chose qu'une simple liste de liens comme un paragraphe détaillant les liens qui y sont définis.

Il n'est pas utile de regrouper des liens isolés dans des balises <nav>. Par exemple, au niveau du pied de page d'un site, les liens regroupés dans la partie <footer> d'un document ne nécessitent pas l'emploi de cette balise, la balise <footer> jouant déjà ce rôle sémantique et structurel.

Les balises <header>, <nav>, <footer>, <section>, <article> et <aside> (entre autre) redéfinissent les mises en forme historiques des pages web avec des éléments <div> suivant une nouvelle approche sémantique :

structure html5



Exemple d'utilisation de la balise nav :





Déclaration d'un menu au sein de la balise nav :

<nav>
   <ul>
      <li><a class="navigation-lien" href="#" title="titre">Rubrique 1</a></li>
      <li><a class="navigation-lien" href="#" title="titre">Rubrique 2</a></li>
      <li><a class="navigation-lien" href="#" title="titre">Rubrique 3</a></li>
      <li><a class="navigation-lien" href="#" title="titre">Rubrique 4</a></li>
      <li style="float:none;"><br style="clear:both;" /></li>
   </ul>
</nav>


Visualiser un exemple complet avec la mise en place des différentes sections.


Déclaration d'un menu au sein de la balise nav :