--- title: Comprendre la fonctionnalité et l'importance de la balise dans une page HTML description: Comprendre comme la balise contribue à la structure et au fonctionnement d'une page web. tags: [] --- import Callout from "@/components/Callout"; import tabs from "./tabs"; Dans l'introduction au HTML, nous avons exploré la structure générale d'une page HTML. Nous avons vu que le contenu visible d'une page est défini dans la balise ``, mais savais-tu que ce n'est pas la seule balise qui joue un rôle essentiel dans la création d'une page web ? Il existe également une balise qui est tout aussi importante, mais qui est souvent négligée : la **balise ``**. ## 🎓 Aperçu de la balise \ La balise `` est située entre les balises `` et ``. Elle ne contient pas de contenu directement visible sur la page, mais elle fournit des métadonnées importantes et inclut des liens vers des ressources externes, comme des fichiers CSS et JavaScript. ## 🔎 Les métadonnées Certaines balises situées dans la balise `` fournissent des informations essentielles au navigateur, aux moteurs de recherche et à d'autres applications. Ces informations sont appelées **métadonnées**. Voici un aperçu de certains éléments courants que tu peux y trouver : - **Titre** `` - Définit le titre de la page, affiché dans l'onglet du navigateur. - Il est important pour le référencement et l'expérience utilisateur. - **Encodage des caractères** `<meta charset="UTF-8">` - Définit l'encodage de caractères utilisé dans le document. - UTF-8 est couramment utilisé en raison de sa prise en charge des langues et caractères spéciaux. - **Viewport** `<meta name="viewport" content="width=device-width, initial-scale=1.0">` - Configure la vue du navigateur pour les appareils mobiles. - Permet de garantir que le site web est adapté à un affichage adaptatif _(responsive)_. - **Description** `<meta name="description" content="...">` - Fournit une brève description de la page. - Utilisée par les moteurs de recherche pour afficher un extrait dans les résultats de recherche. - **Mots-clés** `<meta name="keywords" content="...">` - Liste de mots-clés pertinents pour la page. <Callout type="note" title='Balise `<meta name="keywords">`'> Cette balise est encore souvent utilisée, mais son importance est que très légère dans le référencement moderne. À titre d'information : [Google ne l'utilise pas](https://developers.google.com/search/blog/2009/09/google-does-not-use-keywords-meta-tag?hl=fr). </Callout>