Ceci est une ancienne révision du document !
HTML sémantique
Il consiste à utiliser certaine balises donnant un sens au travers de la structure du document.
Sémantique et structure
| 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 |
Balises sémantiques
Liste de description
<dl>
<dt>Prénom</dt>
<dd>John</dd>
<dt>Nom</dt>
<dd>DOE</dd>
<dt>Ville</dt>
<dd>Caen</dd>
</dl>
| 
|
Citations
<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>
| 
|
Adresse
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>
| 
|
jcheron