Balisage documentaire en HTML

Rappel

La structuration documentaire, ou structuration logique, consiste à utiliser des balises qui décrivent le type de contenu plutôt que la façon de le mettre en forme.

La structuration en HTML

Le langage HTML avant sa version 5 possède déjà plusieurs moyens pour exprimer la structuration logique d'une page web :

  • balises de titres h1 à h6 ;

  • balises d'emphase <em> et de contenu important <strong> ;

  • balises de citation <quote> et <blockquote> ;

  • etc.

En réalité, toute balise de HTML non générique (<div> ou <span>) véhicule une sémantique associée.

Attention

Il est particulièrement déconseillé de détourner la fonction des balises, par exemple l'utilisation d'un tableau (<table>) à des fins de mise en forme (alignement de données). Ceci sera le rôle de CSS.

ComplémentStructures implicités

Depuis sa création, le langage HTML a pour vocation de structurer le contenu d'une page web. Pourtant, et jusqu'à la version HTML4, les balises de structuration documentaire demeurent peu nombreuses et la balise div est trop générique pour bien aider à structurer les pages. Ce manque de solution standard a conduit les développeurs à utiliser des classes spécifiques pour distinguer les éléments : header, top, bottom, footer, menu, navigation, main, container, content, article, sidebar, topnav, etc.).

Les navigateurs ou moteurs d'indexation ne peuvent pas correctement tirer parti de ces structures cachées.

Stéphane Crozat, Rihab Hachem, Cindy Pinvin, Baptiste Perraud, 2014-2021