Aller au contenu principal
Critère 10.1

Présentation CSS

Les balises HTML de présentation ne doivent pas être utilisées.

En Bref : L'essentiel à retenir

  • Le but est de séparer la structure HTML (fond) de la présentation visuelle (forme).
  • Il faut éviter les balises et attributs HTML obsolètes qui concernent la mise en forme.
  • Les attributs comme `align`, `bgcolor` et les balises `<font>`, `<center>`, `<big>` sont proscrits.
  • La bonne pratique consiste à utiliser les classes CSS pour la mise en forme et la présentation visuelle.

Objectif

Séparer le fond de la forme. Le HTML sert à la structure, le CSS à la présentation.

Solution Technique

N'utilisez pas de balises ou d'attributs de présentation obsolètes.

  • Interdit : <font>, <center>, <big>, align="...", bgcolor="...".
  • Solution : Utilisez des classes CSS.
<!-- ❌ Mauvais -->
<center><font color="red">Attention</font></center>

<!-- ✅ Bon -->
<p class="alert">Attention</p>

<style>
.alert {
  text-align: center;
  color: red;
}
</style>

Ressources