HTML5 - CSS 2.x/3
PHP / MySQL
FORTH ...

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

Tous les articles sur ce thème