Balise <div> - Web Formation

La balise <div> est une balise de structure utilisée en HTML pour créer une division ou un conteneur générique dans une page web. Elle ne possède pas de signification sémantique particulière : son rôle est simplement de regrouper d’autres éléments (texte, images, formulaires, etc.) afin de les organiser ou de leur appliquer des styles communs.

<div> est un élément de type bloc (block-level element) par conséquent, il occupe par défaut, toute la largeur disponible et commence toujours sur une nouvelle ligne.

Exemple

Dans l’exemple suivant, la balise <div> sert à regrouper le titre et le paragraphe dans une même boîte, ce qui permet ensuite de leur appliquer un style global via la classe article.

<div class="article">
  <h2>Titre de l’article</h2>
  <p>Ceci est le contenu de l’article.</p>
</div>

<div class="article">  <h2>Titre de l’article</h2>  <p>Ceci est le contenu de l’article.</p></div>

Aujourd’hui, on recommande d’utiliser des balises sémantiques plus précises lorsque c’est possible (<header>, <section>, <article>, <footer>, etc.). La balise <div> reste utile quand aucune balise sémantique ne correspond au rôle de la portion de contenu, ce qui sera très souvent le cas lors d’imbrications multiples de boîtes.