HTML <section> Tag

Dernière mise à jour le
vendredi 13 mai 2022

html section

L’élément de section a généralement un titre qui indiquera au lecteur ce qu’il doit lire dans cette section particulière et le contenu. La balise section divise le contenu en section et sous-sections.

Le principal avantage de la balise section est qu’il s’agit d’un élément sémantique.

En HTML5, nous pouvons définir une section à l’aide des balises <section></section>. Nous pouvons avoir autant de sections sur notre page de document que nous le voulons.

Syntaxe

	<section>Contenu de la section</section>
	

balise section

Exemples

	<section>
  <h1>Section: Titre 1</h1>
  <p>Contenu de la section 1</p>
</section>
<section>
  <h1>Section: Titre 2</h1>
  <p>Contenu de la section 2</p>
</section>
<section>
  <h1>Section: Titre 3</h1>
  <p>Contenu de la section 3</p>
</section>
	

Infrastructures et bibliothèques frontales

	<section>
  <h2>Infrastructures et bibliothèques frontales</h2>
  <ul>
    <li>AngularJS</li>
    <li>React JS</li>
    <li>Vue JS</li>
    <li>Svelte</li>
  </ul>
</section>
	

balise section html

Prise en charge des navigateurs

Les chiffres du tableau spécifient la première version du navigateur qui prend entièrement en charge l’élément.

Élément Chrome Edge Mozilla Safari Opera
<section> 5.0 9.0 4.0 5.0 11.5