<html>

Définit la racine d'un document HTML
2 min de lecture
Believemy logo

La balise <html> est la racine d'un document HTML. Elle encapsule tout le contenu visible et invisible d'une page Web, définissant ainsi le début et la fin d'un document HTML. Elle est indispensable pour que les navigateurs interprètent correctement le code HTML.

Attention

Elle n'englobe pas vraiment toute la page, car elle doit être après la balise <!DOCTYPE html>.

 

Structure de la balise html

La balise <html> est une balise conteneur (c'est-à-dire qui englobe d'autres éléments). Elle comprend deux parties :

  1. La balise ouvrante : <html>
  2. La balise fermante : </html>

Il s'agit donc d'une balise qui fonctionne par couple.

 

Syntaxe

HTML
<!DOCTYPE html>
<html lang="fr">
    <head>
        <title>Exemple de page HTML</title>
    </head>
    <body>
        <p>Vive Believemy !</p>
    </body>
</html>

Comme vous pouvez le constater, il est très important d'ajouter l'attribut lang sur vos balises <html>.

Cet attribut permet d'indiquer la langue du contenu de la page pour les moteurs de recherche par exemple.

Ainsi, votre page sera correctement indexée par les moteurs de recherche ! 😉

 

Attributs

lang

Comme nous l'avons vu juste au-dessus, l'attribut lang permet de préciser la langue du contenu d'une page. Il est très important pour l'accessibilité et les moteurs de recherche.

Bon à savoir

C'est cet attribut lang qui permet d'afficher des popups vous proposant de traduire une page sur votre navigateur ! 😋

 

xmlns

L’attribut xmlns (pour XML Namespace) spécifie l’espace de noms XML utilisé dans le document HTML.

Il est est principalement requis dans les documents XHTML pour indiquer que le contenu suit les règles de la spécification XML.

L’espace de noms par défaut est toujours http://www.w3.org/1999/xhtml.

Voici un petit exemple :

HTML
<html xmlns="http://www.w3.org/1999/xhtml">
    ...
</html>

Toutefois, avec l’émergence de HTML5, cet attribut n’est plus obligatoire.

 

class / id

Il est tout à fait possible de personnaliser le style CSS d'une page grâce aux attributs class / id.

 

Compatibilité

La balise <html> est compatible avec tous les navigateurs.

ElémentGoogle ChromeSafariMozilla FirefoxEdge
<html>OuiOuiOuiOui

Termes connexes

Découvrez notre glossaire HTML et CSS

Parcourez les termes et définitions les plus couramment utilisés dans le domaine du développement HTML et CSS.

Partager cet article

Tu veux nous aider ? Fais un lien vers cet article sur tes réseaux ou encore mieux : sur ton site, dans un article ou dans ta newsletter.