HTML5 - La balise <nav>

Administrateur · par **darky** » Dim 10 Juil 2011 15:21

Sommaire

Introduction
Tutoriel

I- Introduction

Bonjour à toutes et à tous.

Dans ce tutoriel, nous allons voir comment utiliser la nouvelle balise <nav> </nav> de l’HTML5.

Informations :

Difficulté : Facile

II- Tutoriel

La balise HTML5 <nav> </nav> représente une section de liens de navigation, comme un menu par exemple.

Voici un exemple de son utilisation.

Code : Tout sélectionner

<!DOCTYPE HTML>
<html>
        <head>
                <meta charset="utf-8">
                <title>Page HTML 5</title>
        </head>
 
        <body>
        <!-- Debut: En-tête de la page Web -->
        <header>
                <h1><a href="index.html">Mon site</a></h1>
            <!-- Debut: Menu de la page Web -->
            <nav>
                <a href="index.html">Accueil</a>
                <a href="presentation.html">Présentation</a>
                <a href="produits.html">Nos Produits</a>
            </nav>
            <!-- Fin: Menu de la page Web -->
        </header>
        <!-- Fin: En-tête de la page Web -->
        <!-- Debut: Pied de la page Web -->
        <footer>
                <p>Mon Site &copy; Tous droits réservés</p>
            <!-- Debut: Liens de naviagtion du pied de page -->
            <nav>
                <a href="mentions-legales.html">Mentions Légales</a>
                <a href="conditions-generales.html">Conditions Générales</a>
                <a href="a-propos.html">A propos</a>
            </nav>
            <!-- Fin: Liens de naviagtion du pied de page -->
        </footer>
        <!-- Fin: Pied de la page Web -->
        </body>
</html>

Voici ensuite les attributs liés à l’élément nav :

accesskey
class
contenteditable
contextmenu
dir
draggable
dropzone
hidden
id
lang
spellcheck
style
tabindex
title

darky.

Publicités

Administrateur · par **darky** » Sam 5 Mai 2012 18:00

Tutoriel validé !
Votre tutoriel a été validé par darky.

[Tutoriel] HTML5 - La balise <nav>

Publicités

Qui est en ligne