Accueil    HTML    Balise Section
 



balise section  Balise SECTION : section du document

«  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 <section> définie une section générique regroupant les éléments d'un même thème au sein d'un document. Bien que sa structure soit proche de celle de la balise <div> en terme d'encadrement, il faut voir la balise <section> comme son alternative pour englober un contenu thématique, et garder l'emploi de la balise <div> pour des fins de mise en forme.

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 section :





<section>
   <article class="article">
      <header>
         <h1 class="titre-article">Partie 1 du sujet</h1>
      </header>
      <p>
         Descriptif
         ...
         ...
         ...
         ...
         ...
         ...
      </p>
      <footer>
         <time datetime="2012-07-01" pubdate="pubdate">Publié le 01/07/2012</time>
         <Par : auteur de l'article
      </footer>
   </article>
   <article class="article">
      <header>
         <h1 class="titre-article">Partie 2 du sujet</h1>
      </header>
      <p>
         Descriptif
         ...
         ...
         ...
         ...
         ...
         ...
      </p>
      <footer>
         <time datetime="2012-07-01" pubdate="pubdate">Publié le 01/07/2012</time>
         <Par : auteur de l'article
      </footer>
   </article>
</section>



Partie 1 du sujet


Texte de l'article
...
...
...
...
...
...



Par : auteur de l'article

Partie 2 du sujet


Texte de l'article
...
...
...
...
...
...



Par : auteur de l'article