HTML sémantique

Ceci est une ancienne révision du document !

Il consiste à utiliser certaines balises donnant un sens au travers de la structure du document.

Balise	Rôle
h*	Titres
header	En-tête général de la page
main	Zone de contenu principal
aside	Zone supplémentaire de complément
footer	Pied de page
article	Bloc de contenu en relation avec d'autres articles, peut contenir des sections
section	Défini une zone spécifique de contenu, peut contenir des articles
nav	Zone de navigation de la page

Liste de description

<dl>
    <dt>Prénom</dt>
    <dd>John</dd>

    <dt>Nom</dt>
    <dd>DOE</dd>

    <dt>Ville</dt>
    <dd>Caen</dd>
</dl>

<blockquote>
    <p>La théorie, c'est quand on sait tout et que rien ne fonctionne.</br>
    La pratique, c'est quand tout fonctionne et que personne ne sait pourquoi.</p>
    <p>Ici, nous avons réuni théorie et pratique : Rien ne fonctionne… et personne ne sait pourquoi !</p>
    <footer>
        <cite>Albert EINSTEIN</cite>
    </footer>
</blockquote>

Pour mettre des informations de contact:

<p>Contact the author of this page:</p>

<address>
    <a href="mailto:jim@rock.com">j.doe@mail.com</a><br>
    <a href="tel:+13115552368">(343) 555-3228</a>
</address>

HTML sémantique

Sémantique et structure

Balises sémantiques

Liste de description

Citations

Adresse