<html>
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.
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 :
- La balise ouvrante :
<html> - La balise fermante :
</html>
Il s'agit donc d'une balise qui fonctionne par couple.
Syntaxe
<!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.
C'est cet attribut
langqui 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 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ément | Google Chrome | Safari | Mozilla Firefox | Edge |
| <html> | Oui | Oui | Oui | Oui |