Balise vide

Le terme « balise » est emprunté à la navigation maritime où il désigne un repère visuel. En informatique, l'adjectif « vide » souligne que l'élément n'a pas de « corps » (pas de contenu entre une ouverture et une fermeture). En anglais, on utilise l'expression self-closing tag (balise auto-fermante).

• <img> : permet d'afficher une image en indiquant sa source, sans avoir besoin d'écrire du texte dedans.
• <br> : provoque un simple saut de ligne dans un texte.
• <input> : crée un champ de saisie (comme une zone de texte ou une case à cocher) dans un formulaire.
• <hr> : trace une ligne horizontale de séparation.

On utilise ces balises principalement en HTML pour insérer des éléments dits « remplacés » (images, vidéos) ou des instructions de mise en page simples (sauts de ligne, métadonnées). Elles interviennent également en XML pour définir des propriétés de données sans contenu textuel.

En HTML5, il n'est pas nécessaire d'ajouter un slash à la fin de la balise (ex: <br> suffit). Cependant, si vous travaillez en XML ou avec certains frameworks comme React (JSX), l'auto-fermeture avec un slash final (<br />) est souvent obligatoire pour que le code soit valide.

Quand vous débutez, ne cherchez pas à deviner si une balise est vide ou non : apprenez simplement par cœur les plus courantes (img, br, input, meta). Si vous essayez de fermer une balise vide avec une balise de fin (comme </img>), votre navigateur risque d'ignorer cette fermeture ou de mal interpréter votre mise en page.