OUJOOD.COM
La balise <html> : élément racine de la page web
LES BALISES HTML FONDAMENTALESLa balise <html> est le point de départ obligatoire de tout document HTML5 ou XHTML. Elle signale au navigateur web qu'il traite un document HTML structuré, et délimite l'intégralité du contenu de la page. Sans elle, le rendu du navigateur sera imprévisible et votre référencement naturel en pâtira.
En termes techniques, <html> est appelé l'élément racine (root element) : tous les autres éléments du document — <head>, <body>, métadonnées, scripts — en sont des descendants directs ou indirects. C'est la base de l'arbre DOM (Document Object Model) que le navigateur construit lors du chargement de la page.
Rôle et fonctionnement de la balise <html>
La balise <html> possède une balise de fermeture obligatoire </html>. Elle est de type bloc et encapsule l'ensemble du document. Aucune balise de contenu ne doit apparaître en dehors de cette paire ouvrante/fermante, à l'exception du DOCTYPE, qui se place impérativement avant <html>.
En HTML5 (standard actuel en 2026), la déclaration est simplifiée et l'attribut lang est fortement recommandé pour l'accessibilité et le SEO. En XHTML, l'attribut xmlns était obligatoire pour déclarer l'espace de noms XML.
Exemple HTML5 moderne (recommandé en 2026)
Voici la structure minimale et correcte d'une page HTML5, avec les attributs essentiels pour le référencement et l'accessibilité :
<!DOCTYPE html> <!-- Déclaration DOCTYPE HTML5 obligatoire, avant tout autre élément --> <html lang="fr"> <!-- Attribut lang obligatoire : indique la langue au navigateur, moteurs de recherche et lecteurs d'écran --> <head> <meta charset="UTF-8"> <!-- Encodage universel UTF-8 : gère tous les caractères accentués --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Indispensable pour le responsive design mobile --> <title>Titre SEO de la page</title> <meta name="description" content="Description concise pour les moteurs de recherche."> </head> <body> <!-- Tout le contenu visible de la page se place ici --> </body> </html> <!-- Fermeture obligatoire de l'élément racine -->
Exemple XHTML 1.0 Strict (usage historique)
Pour référence, voici la syntaxe XHTML 1.0 Strict, encore rencontrée dans d'anciens projets. Elle impose une syntaxe XML plus rigoureuse :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- DOCTYPE XHTML 1.0 Strict : syntaxe XML stricte --> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <!-- xmlns obligatoire en XHTML pour déclarer l'espace de noms W3C --> <head> <title>Titre de la page XHTML</title> <meta name="keywords" lang="fr" content="motcle1, motcle2" /> <!-- En XHTML, les balises vides se ferment avec / --> <meta name="description" content="Description de ma page web." /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- Préférez UTF-8 à iso-8859-1 pour la compatibilité internationale --> <meta http-equiv="Content-Language" content="fr" /> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <!-- Contenu de la page --> </body> </html>
Note importante
Même si <html> est l'élément racine, il ne contient pas l'élément DOCTYPE. Le DOCTYPE doit être placé avant la balise <html> — c'est la seule exception à la règle d'imbrication.
L'attribut xmlns est obligatoire en XHTML mais invalide en HTML5 pur. En 2026, HTML5 est le standard universel : utilisez toujours<!DOCTYPE html>et l'attributlang.
Mise à jour 2026 : HTML5 vs XHTML
Depuis la finalisation de HTML5 par le W3C en 2014 et son adoption universelle, XHTML est considéré comme obsolète pour les nouveaux projets. En 2026, toutes les bonnes pratiques recommandent HTML5 avec <!DOCTYPE html>. XHTML reste pertinent uniquement pour la maintenance de systèmes legacy.
Attributs de la balise <html>
La colonne DTD dans les tableaux suivants indique dans quelle version HTML 4.01/XHTML 1.0 l'attribut est autorisé :
S = Strict | T = Transitional | F = Frameset
Attribut obligatoire (XHTML uniquement)
| Attribut | Valeur | Description | DTD |
|---|---|---|---|
| xmlns | http://www.w3.org/1999/xhtml | Déclare l'espace de noms XML W3C. Obligatoire en XHTML, non valide en HTML5. Permet au parseur XML de valider la syntaxe du document. | STF |
Attributs standards recommandés
| Attribut | Valeur | Description | DTD |
|---|---|---|---|
| lang | fr, en, es, de… | Fortement recommandé en HTML5. Déclare la langue principale du document. Utilisé par les moteurs de recherche pour le référencement géolocalisé, les lecteurs d'écran pour la prononciation et les outils de traduction automatique. | STF |
| dir | ltr / rtl | Définit le sens de lecture du texte. ltr (gauche à droite) pour le français, l'anglais. rtl (droite à gauche) pour l'arabe, l'hébreu. Essentiel pour l'accessibilité internationale. |
STF |
| xml:lang | fr, en… | Version XML de l'attribut lang, utilisée en documents XHTML. Doit être identique à lang pour la cohérence. Ignoré par les navigateurs HTML5 modernes. |
STF |
Attributs d'événement
La balise <html> ne supporte pas les attributs d'événement JavaScript (onclick, onload, etc.). Ces gestionnaires d'événements doivent être placés sur les éléments <body> ou les éléments spécifiques concernés.
Exemple avec attributs lang et dir (bonne pratique 2026)
Illustration d'une page multilingue correctement configurée pour le SEO international :
<!DOCTYPE html> <html lang="fr" dir="ltr"> <!-- lang="fr" : page en français | dir="ltr" : lecture gauche-droite --> <head> <meta charset="UTF-8"> <title>Page en français</title> </head> <body> <p>Contenu en français.</p> <p lang="ar" dir="rtl">نص عربي</p> <!-- Un paragraphe peut avoir sa propre langue, ici l'arabe (rtl) --> </body> </html>
Vous êtes ici : Balise HTML Retour à la liste des balises
Retour à l'accueil du site
Par carabde | Mis à jour le 8 mars 2026