Souviens-toi : ce qui se trouve dans <head> ne s'affiche pas directement dans la page.
Alors à quoi sert-il ?
Le <head> est le cerveau de ton document. Il donne au navigateur les informations de contexte.
Voici les balises les plus courantes à l'intérieur du <head>.
1. Encodage : <meta charset="UTF-8">
Si tu ne définis pas l'encodage, certains caractères peuvent s'afficher de travers.
charset="UTF-8" indique l'encodage standard du Web, qui gère correctement les accents et la majorité des caractères.
2. Titre d'onglet : <title>
Cette balise est essentielle.
<title>Recette de poulet aux olives</title>
Ce texte devient :
- le nom de l'onglet dans le navigateur
- souvent le titre cliquable visible dans les résultats de recherche
Ne néglige jamais la balise <title>.
3. Viewport (affichage mobile)
Quand tu génères un squelette HTML avec ! dans VS Code, tu vois souvent cette ligne :
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Elle dit au navigateur : "adapte la largeur de la page à la largeur de l'écran". Sans cette balise, le rendu mobile peut être trop petit et peu lisible.
Bonus : lier une feuille CSS
Plus tard, on ajoutera aussi une balise <link> dans le <head> pour charger les styles CSS.
<link rel="stylesheet" href="style.css">
Maintenant que le rôle du <head> est clair, on peut passer au contenu texte du <body>.
Laisser un commentaire