La balise HTML

Comment utiliser les balises <html> et </html> ?

Les balises <html> et </html> permettent de définir une page ou un document HTML. Elles sont essentielles en HTML car elles encapsulent tout le contenu de la page web et indique au navigateur que le document est un document HTML.

1. Définition et rôle

  • La balise <html> est la racine de tout document HTML. Elle enveloppe toutes les autres balises de la page (y compris <head> et <body>), fournissant une structure globale au document.
  • Elle permet au navigateur de comprendre que le contenu à l’intérieur doit être interprété comme du HTML.

2. Structure de la balise

  • La balise <html> est une balise conteneur, avec une balise ouvrante <html> et une balise fermante </html>.
  • Elle doit inclure deux sections principales :
    • <head> : contient les métadonnées, le titre de la page, les liens vers les fichiers CSS, les scripts JavaScript, et les balises méta.
    • <body> : contient tout le contenu visible de la page, comme les textes, images, liens, vidéos, etc.

Un seul élément <html> est présent dans un document.

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <title>Titre de votre page</title>
    </head>
    <body>
        <h1>Bienvenue sur une page HTML</h1>
        <p>Ceci est le contenu de votre page HTML.</p>
    </body>
</html>

3. Attributs de la balise <html>

  • lang : Définit la langue principale du document. Il est important pour l’accessibilité et pour les moteurs de recherche.
    • Exemple : <html lang="fr"> pour un document en français.
  • xmlns : Définit l’espace de noms XML, utilisé principalement pour intégrer des documents HTML dans des environnements XML ou XHTML.
    • Exemple : <html xmlns="http://www.w3.org/1999/xhtml">.

4. Bonne pratique : le doctype

  • Le Doctype (<!DOCTYPE html>) doit être placé avant la balise <html> dans tout document HTML comme le montre l’exemple précédent. Il indique la version HTML utilisée, en l’occurrence HTML5 pour <!DOCTYPE html>.
  • Bien qu’il ne soit pas strictement une balise HTML, il aide le navigateur à interpréter correctement le contenu de la page en mode standard.

5. Accessibilité et SEO

  • Définir l’attribut lang améliore l’accessibilité en aidant les lecteurs d’écran et autres technologies d’assistance à adapter leur comportement en fonction de la langue de la page.
  • Les moteurs de recherche utilisent aussi cet attribut pour mieux comprendre et indexer la page en fonction de la langue cible.

En résumé, la balise <html> est la racine de tout document HTML, contenant à la fois la section des métadonnées et le contenu visible de la page.

Pour plus d’informations vous pouvez consultez la page wiki du W3C (World Wide Web Consortium) concernant la balise html.