À retenir
- La divite rend le code moins lisible pour les autres développeurs.
- Elle nuit à l'accessibilité car les lecteurs d'écran pour malvoyants ne comprennent pas la structure de la page.
- Elle peut pénaliser le référencement naturel (SEO) puisque les robots de recherche peinent à identifier les contenus importants.
La divite est une mauvaise habitude en développement web consistant à abuser de la balise générique <div> pour structurer une page HTML. C'est un peu comme si, pour ranger votre maison, vous utilisiez uniquement des cartons identiques sans étiquettes au lieu d'utiliser des armoires, des tiroirs ou des boîtes spécifiques : tout finit par se ressembler et on s'y perd.
Étymologie
Le mot est un néologisme humoristique formé à partir de la balise HTML div (pour division) et du suffixe médical -ite, souvent utilisé pour désigner une inflammation ou une maladie. Cela suggère que l'utilisation systématique de cette balise est une sorte de « pathologie » du codeur qui manque de vocabulaire technique.
Exemples d'usage
- Utiliser une
<div>pour créer un bouton au lieu de la balise<button>. - Structurer tout un menu de navigation uniquement avec des
<div>imbriquées au lieu d'utiliser<nav>et<ul>. - Remplacer les titres (
<h1>,<h2>) par des divisions mises en gras via du CSS.
Cas d'usage
Ce concept intervient principalement lors de la phase d'intégration web et de développement front-end. Il est souvent abordé lors d'audits d'accessibilité ou d'optimisation pour le référencement (SEO).
Bonnes pratiques
Privilégiez toujours le HTML sémantique. Utilisez les balises dédiées comme <header>, <main>, <section>, <article> ou <footer>. Une <div> ne devrait être utilisée qu'en dernier recours, uniquement pour des besoins de mise en forme (design) sans valeur de sens.
Synonymes
Antonymes
Conseil
Pour éviter la divite, apprenez la liste des balises HTML5 et posez-vous toujours la question : « Quel est le rôle de ce bloc de contenu ? ». Si c'est un menu, utilisez <nav>. Si c'est un article, utilisez <article>. Votre code sera plus professionnel et mieux compris par tous.
Questions fréquentes
Pourquoi la divite est-elle si courante ?
Souvent par méconnaissance des balises HTML5 ou par rapidité, car la balise div est neutre et n'applique aucun style par défaut, ce qui semble plus facile à manipuler au début.
Est-ce grave d'avoir quelques div ?
Non, la div est un outil utile pour le positionnement CSS. Le problème n'est pas son usage, mais son omniprésence au détriment des balises de sens.