Balise : définition, exemples et bonnes pratiques

À retenir

Elles sont généralement entourées de chevrons (< et >).
Elles fonctionnent souvent par paire : une balise ouvrante et une balise fermante (précédée d'un slash).
Elles sont invisibles pour l'internaute mais essentielles pour le navigateur.

Une balise est une instruction de code qui sert à structurer ou à formater du contenu. On peut la comparer à une étiquette collée sur un texte pour dire au logiciel (comme un navigateur web) comment il doit l'afficher ou l'interpréter : par exemple pour mettre un mot en gras ou définir un titre.

Étymologie

Issu du vocabulaire maritime et routier où une balise sert de repère visuel. En informatique, le terme traduit l'anglais tag et s'est généralisé avec l'apparition des langages de balisage (markup languages) comme le HTML dans les années 1990.

Exemples d'usage

<h1> : définit le titre principal d'une page.
<a> : crée un lien cliquable vers une autre page.
<strong> : indique que le texte doit être affiché de manière importante (généralement en gras).

Cas d'usage

Les balises interviennent principalement dans le développement web (HTML) pour la structure des pages, dans l'échange de données (XML) pour organiser l'information, et dans la création graphique (SVG).

Bonnes pratiques

Il est essentiel de respecter l'imbrication des balises (la dernière ouverte doit être la première fermée) et d'utiliser des balises sémantiques, c'est-à-dire qui décrivent le rôle du contenu (comme <nav> pour un menu) plutôt que son apparence.

Synonymes

tag marqueur indicateur

Antonymes

texte brut contenu non structuré

Conseil

Pour bien comprendre comment elles fonctionnent, utilisez l'outil 'Inspecter' de votre navigateur (clic droit sur n'importe quel site) : vous verrez toutes les balises qui composent la page web.

Questions fréquentes

Quelle est la différence entre une balise et un tag ?

Il n'y en a aucune, 'tag' est simplement le terme anglais pour 'balise'.

Toutes les balises doivent-elles se refermer ?

La plupart oui, mais certaines balises dites 'orphelines' ou 'auto-fermantes' n'ont pas besoin de fermeture, comme celle pour insérer une image (<img>).

Balise