Les deux parties principales d'un document HTML

Un document HTML se compose de deux parties essentielles : l'en-tête (<head>) et le corps (<body>). Chacune a un rôle précis. Le head contient des informations pour le navigateur et les moteurs de recherche, invisibles pour le visiteur. Le body contient le contenu affiché à l'écran. Le document doit être correctement structuré pour être interprété par les navigateurs.

Structure générale

<!DOCTYPE html>
<html>
  <head> Informations pour navigateur et moteurs de recherche </head>
  <body> Contenu visible pour le lecteur </body>
</html>

Les balises <head> et <body> sont contenues dans <html>. Chaque section doit être fermée par sa balise de fin correspondante.

Contenu du head

Le head inclut : le titre du site (<title>), les mots-clés pour le référencement (<meta>), les scripts (<script>), le lien vers la feuille de style CSS (<link>) et les styles internes (<style>). Sans head, le navigateur affiche quand même le contenu, mais sans métadonnées.

Contenu du body

Le body structure la page visible : paragraphes (<p>), liens (<a>), titres (<h1> à <h6>), sections (<section>), etc. Les scripts côté serveur y trouvent aussi leur place. Sans body, rien ne s'affiche.

La déclaration DOCTYPE

Seule la déclaration <!DOCTYPE> se place hors de <html>, en toute première ligne. Elle indique au navigateur la version d'HTML utilisée pour un rendu correct. Omise, la page peut s'afficher incorrectement.