À retenir
- Une balise définit la structure et le sens du contenu, pas forcément son apparence visuelle.
- La majorité des balises fonctionnent par paires (ouverture
<p>et fermeture</p>). - Elles sont interprétées par le navigateur et restent masquées pour l'utilisateur final.
Une balise HTML est un code spécial entouré de symboles (< et >) qui sert d'instruction à un navigateur web. Elle permet de structurer le contenu d'une page en indiquant la nature de chaque élément : s'agit-il d'un titre, d'un paragraphe, d'une image ou d'un lien ? C'est comme une étiquette invisible pour l'internaute qui définit le rôle de chaque morceau de texte.
Étymologie
Le mot français « balise » évoque un repère ou un signal de guidage. HTML est l'acronyme de HyperText Markup Language (langage de balisage pour l'hypertexte). Le concept est hérité de la typographie traditionnelle, où des marques étaient ajoutées sur les manuscrits pour indiquer à l'imprimeur comment mettre en forme le texte.
Exemples d'usage
<strong>: indique que le texte doit être mis en évidence (souvent en gras).<img>: permet d'insérer une image dans la page.<ul>et<li>: servent à créer des listes à puces.
Cas d'usage
Les balises sont le constituant fondamental de toutes les pages internet. Elles interviennent dans le développement web (frontend), la création de newsletters, le référencement naturel (SEO) pour aider Google à comprendre le contenu, et l'accessibilité numérique pour les lecteurs d'écran utilisés par les personnes malvoyantes.
Bonnes pratiques
Il est recommandé d'utiliser des balises dites « sémantiques » (comme <nav> pour un menu ou <article> pour un texte) plutôt que des balises génériques. Il faut également veiller à bien fermer chaque balise ouverte et à respecter l'ordre d'imbrication : la dernière balise ouverte doit être la première refermée.
Synonymes
Antonymes
Conseil
Pour bien comprendre, faites un clic droit sur n'importe quelle page web et choisissez 'Afficher le code source'. Vous verrez alors toutes les balises qui structurent la page que vous êtes en train de lire.
Questions fréquentes
Toutes les balises ont-elles une balise de fermeture ?
Non, certaines balises appelées 'orphelines' ou 'auto-fermantes' n'ont pas de contenu textuel à entourer, comme <br> pour un saut de ligne ou <hr> pour une ligne horizontale.
Est-ce que les balises sont sensibles à la casse ?
En HTML5, non (on peut écrire <P> ou <p>), mais la bonne pratique universelle est de les écrire systématiquement en minuscules.
Quelle est la différence entre une balise et un attribut ?
La balise définit l'élément (ex: un lien), tandis que l'attribut est une information supplémentaire placée à l'intérieur de la balise (ex: l'adresse de destination du lien).