Valid XHTML 1.0 Strict
Apprendre le XHTML > Conteneur générique Xhtml > Balise DIV

La balise <div>

La balise <div> est un élément générique neutre de la page web xhtml (balise de type BLOC).


La balise <div> peut contenir toute sorte de balises. Sachez toutefois l'utiliser correctement, n'abusez pas de la balise <div>, car celle-ci n'a aucun sens et n'apporte rien d'un point de vue sémantique. Par exemple, pour afficher un paragraphe de texte, privilégiez la balise <p>.


La balise <div> est souvent employée pour regrouper d'autres balises dans des zones par thème. Par exemple, nous pouvons regrouper une balise <h3></h3> et <p></p> dans un <div> de manière un former un bloc. Nous pouvons ensuite positionner ce bloc n'importe où sur le site via les styles CSS ou en manipulant la DOM via JavaScript. Nous pouvons aussi regrouper plusieurs blocs dans un <div> de manière à former une colonne. Cette colonne pourrait se trouver dans la partie gauche ou droite du site. Sur ce site, il existe 2 colonnes de part et d'autres de la zone que vous êtes en train de lire. Ces 2 colonnes sont des <div>.

Utilisation de la balise <div>

<div>
     <h1>Le titre de mon bloc</h1>
     <blockquote>To be xhtml or not to be xhtml ?</blockquote>
</div>

2024 © Fabien Branchut