DIV
L'élément div définit une division ou section d'un document HTML.
L'élément div permet de grouper des groupes d'éléments pour les mettre en forme via CSS ou JavaScript.
Exemple
<div style="color:#0000FF"> <h3>Ceci est le titre</h3> <p>Ceci est le paragraphe.</p> </div>
ce qui donne à l'affichage:
Ceci est le titre
Ceci est le paragraphe.
Conseils
On voit encore trop de code HTML5 utilisant à outrance des div
imbriqués:
<div id="header"> <div class="container"> <div id="zone_logo"> <a id="logo" href="http://www.programme-tv.net/"> <img src="logo_teleloisirs.png?5.65.0" alt="teleloisirs" width="290" height="53" /> </a> <h1>Le programme TV, les news tv et tout sur les séries et le cinéma</h1> </div> .... </div> </div>
Appelons cette manie la div-ite, un comportement nuisible au bon référencement. Voici une bonne pratique si on exploite les nouveaux éléments de découpage sémantique mieux adaptés:
<header> <section> <nav> <a id="logo" href="http://www.programme-tv.net/"> <img src="logo_teleloisirs.png?5.65.0" alt="teleloisirs" width="290" height="53" /> </a> </nav> <h1>Le programme TV, les news tv et tout sur les séries et le cinéma</h1> .... </section> </header>
Lire la série d'articles sur un web plus sémantique