L'élément div (pour division) définit un conteneur pour d'autres éléments de groupe. div n'a aucune portée sémantique et doit être utilisé uniquement quand aucun élément de structure ou de groupement ne peut être utilisé à sa place.
L'élément div était très utilisé avant qu'HTML5 ne fournisse des éléments spécifiquement dédiés à la définition de structures (header, footer,main, section, article, nav et aside). Ces éléments doivent maintenant être privilégiés car ils apportent une signification précise aux blocs de la structure et permettent de simplifier le code.
Voilà un exemple de CE QU'IL NE FAUT PAS FAIRE avec div. On reprend ici l'exercice sur les structures et on le code avec div à la place des éléments corrects.
Si le code permet d'obtenir le même résultat que celui qui utilise des balises de structure, on a les inconvénients suivants :