HTML — Structure d’un document

Toute page HTML repose sur un doctype et les éléments html, head et body. head décrit le document ; body contient la page que les visiteurs consultent et utilisent.

Une page HTML s’appuie sur une structure simple. Le doctype active le mode standard, html est l’élément racine, head décrit le document et body contient ce que les visiteurs consultent et utilisent. Comprendre cette structure vous donne des bases fiables pour toutes les pages que vous créerez ensuite.

Comprendre les cinq points essentiels

Un document bien construit déclare le HTML moderne, indique sa langue, précise l’encodage des caractères, configure la zone d’affichage mobile et possède un titre propre à la page. Le contenu visible prend ensuite place dans body.

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>À propos d’Ada — Example Studio</title>
</head>
<body>
  <h1>À propos d’Ada</h1>
  <p>Développeuse front-end engagée pour l’accessibilité.</p>
</body>
</html>

• Placez le doctype sur la première ligne.
• Donnez à lang la valeur correspondant à la langue de la page.
• Placez charset au début de head.
• Rédigez un titre concis qui identifie précisément la page.
• Gardez les titres et les paragraphes visibles dans body.