HTML5 - La balise <section>

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

Sommaire

Introduction
Tutoriel

I- Introduction

Bonjour à toutes et à tous.

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

Informations :

Difficulté : Facile

II- Tutoriel

La balise HTML5 <section> </section> permet de définir les différentes sections (zones) d’une page Web (ex: en-tête, corps, news, articles, tutoriaux, pied, menu...). Cet élément va donc grouper les éléments d’une page Web, de façon thématique. Cependant cet élément ne sert pas à structurer la présentation d’une page Web, il définit juste des zones.

Exemple :

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>
        </header>
        <!-- Fin: En-tête de la page Web -->
        <!-- Debut: Corps de la page Web -->
        <div class="corps">
            <section>
                <h2>Actualités</h2>
                <p>Toute l’actualité du site.</p>
            </section>
            <section>
                <h2>Présentation</h2>
                <p>Présentation du site.</p>
            </section>
            <section>
                <h2>Nos services</h2>
                <p>Tous les services que nous vous proposons.</p>
            </section>
        </div>
        <!-- Fin: Corps de la page Web -->
        <!-- Debut: Pied de la page Web -->
        <footer>
                <p>Mon Site &copy; Tous droits réservés</p>
        </footer>
        <!-- Fin: Pied de la page Web -->
        </body>
</html>

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

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

darky.

Publicités

Administrateur · par **darky** » Dim 6 Mai 2012 11:49

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

[Tutoriel] HTML5 - La balise <section>

Publicités

Qui est en ligne