HTML5

Structure d'une page HTML

Une page HTML est constituée des éléments suivants :

Un DOCTYPE
Un élément racine <html> contenant :
- Un entête <head>
- Un corps <body>

Le corps de la page est souvent structuré à l'aide de balises <div>. Celles-ci ont pour rôle d'«englober» une partie de la page en vue de la mettre en forme (style, position...) avec CSS. De ce fait, la structure d'une page HTML ressemble souvent à ceci :

Présentation d'une page HTML4

Cette image présente la structure d'une page HTML 4 classique contenant un en-tête, un pied de page, une barre de navigation sous l'en-tête, et un corps comprenant un article et une barre latérale à sa droite.

HTML 5 propose des balises sémantiques pour mieux représenter les éléments d'une telle page :

Présentation d'une page HTML5

Par exemple le bandeau de navigation de cette page a été inclus dans une balise <nav> :

<nav>
    <a href="html-xml.html">&lt;&lt;</a>
    <a href="index.html">Sommaire</a>
    <a href="doctype.html">&gt;&gt;</a>
</nav>

L'en-tête a été placé dans un <header> et le pied de page dans un <footer> (voir code source de la page).

Compatibilité avec les navigateurs actuels

Firefox dans sa version actuelle (3.0.7) gère correctement ces nouvelles balises. Sans grande surprise, Internet Explorer 7 ne prend pas encore en compte les balises <header>,<footer> et <nav>...