Les divs, arrivés avec les versions récentes de HTML (XHTML 1.0 précisément), sont des sortes de boîtes qui permettent d'organiser le "flux", c'est à dire le document HTML en lui même. Cette balise sert à regrouper des objets afin de leur attribuer une mise en forme commune, elle est très utile en CSS pour la mise en forme.

Utilisation et attributs

Son utilisation majoritaire est en CSS pour permettre d'organiser/mettre en page la page Web, et lui donner un certain style, mais elle permet entre autres de "regrouper" du texte pour pouvoir le manipuler en JavaScript par exemple.

 

Exemple :

<div>

<p> blabla blabla </p>

<p> .... </p>

</div>

 

Les divs possèdent plusieurs attributs, cependant nous en verront que deux puisque nous prévoyons d'utiliser les divs avec du CSS. Ces deux attributs sont :

• id : nom de la div, utilisé en référence à un fichier CSS. l'id doit être unique dans la page.
• class : "classe" de la div, elle fait référence obligatoirement au CSS et n'est pas forcément unique. Une classe est un ensemble de paramètres esthétiques.

Pour ce site j'ai utilisé les divs pour mettre en page et pouvoir appliquer du CSS sur le site, vous pouvez donc regarder la source de la page avec Ctrl+U !