Le vocabulaire prête souvent à confusion : dans le langage courant, on dit indifféremment « balise » et « élément », mais il s’agit techniquement de deux choses liées plutôt qu’identiques. La balise n’est que le marqueur écrit dans le fichier ; l’élément est la structure complète que ce marqueur délimite, une fois interprétée par le navigateur.
Ouvrante, fermante, orpheline
La plupart des balises vont par paire, une ouvrante et une fermante, entourant un contenu :
<h2>Titre de section</h2>
<br>
<img src="photo.jpg" alt="Description">Certaines, comme <br> ou <img>, sont dites orphelines ou auto-fermantes : elles ne contiennent aucun contenu et n’ont donc pas de balise fermante correspondante.
Dans un gabarit WordPress
Un thème classique mélange constamment balises statiques et code PHP, par exemple pour afficher dynamiquement le titre d’un article à l’intérieur d’une structure fixe.
Pièges fréquents
- Oublier une balise fermante ne provoque généralement pas d’erreur visible, mais peut décaler l’affichage de tout le reste de la page de façon imprévisible.
- Le nom d’une balise n’est jamais sensible à la casse en HTML, mais la convention communément admise reste de l’écrire en minuscules.
- Une balise inconnue du navigateur, comme une faute de frappe dans son nom, n’entraîne aucune erreur bloquante : elle est traitée comme un élément générique sans comportement ni style particulier.
- Certaines balises historiques comme
<center>ou<font>restent interprétées par les navigateurs actuels mais sont considérées comme obsolètes, leur rôle étant désormais tenu par le CSS.