Standards HTML et XHTML : quelle différence ?
PREMIÈRE PARTIE
© Groupe Eyrolles, 2005
12
PIÈGE Trop de div tue le div !
L’ère des mises en page en tableaux imbriqués est révolue : c’est l’association de balises
PREMIÈRE PARTIE
© Groupe Eyrolles, 2005
12
PIÈGE Trop de div tue le div !
L’ère des mises en page en tableaux imbriqués est révolue : c’est l’association de balises
aux styles CSS qui prend la relève et permet la mise en forme des documents.
Cette nouvelle mode apporte fatalement son lot de fanatismes, incompréhensions et
mauvaises utilisations. La paresse simplificatrice naturelle de l’homme fait conclure à
de nombreux designers :« bien, la nouvelle lubie consiste donc à remplacer les
tableaux par des div ». Cette analyse bâclée produit mécaniquement des documents
comptant autant de div que leurs prédécesseurs comptaient de cellules de tableaux,
ce qui n’a évidemment aucun intérêt. Ces cancres ont alors beau jeu de se plaindre et
de dénoncer l’inutilité de CSS.
Ce phénomène est malheureusement souvent observé : ceux qui n’en comprennent
pas la logique utilisent des éléments div à toutes les sauces, en les imbriquant et en
créant une multitude de sous-blocs… ce qui n’est pas une fin en soi.
Les inconvénients sont nombreux : mises à jour difficiles, code alourdi inutilement et
rendu incompréhensible à autrui, ainsi qu’à son propre auteur après quelque temps.
Tel est le prix à payer pour la sur-structuration en HTML.
Rien de tel qu’un exemple parlant pour illustrer ce type de débordements :
Le menu (bloc
Cette nouvelle mode apporte fatalement son lot de fanatismes, incompréhensions et
mauvaises utilisations. La paresse simplificatrice naturelle de l’homme fait conclure à
de nombreux designers :« bien, la nouvelle lubie consiste donc à remplacer les
tableaux par des div ». Cette analyse bâclée produit mécaniquement des documents
comptant autant de div que leurs prédécesseurs comptaient de cellules de tableaux,
ce qui n’a évidemment aucun intérêt. Ces cancres ont alors beau jeu de se plaindre et
de dénoncer l’inutilité de CSS.
Ce phénomène est malheureusement souvent observé : ceux qui n’en comprennent
pas la logique utilisent des éléments div à toutes les sauces, en les imbriquant et en
créant une multitude de sous-blocs… ce qui n’est pas une fin en soi.
Les inconvénients sont nombreux : mises à jour difficiles, code alourdi inutilement et
rendu incompréhensible à autrui, ainsi qu’à son propre auteur après quelque temps.
Tel est le prix à payer pour la sur-structuration en HTML.
Rien de tel qu’un exemple parlant pour illustrer ce type de débordements :
Le menu (bloc
- ) est imbriqué dans un div "menu", lui-même placé dans un div
- ,
…
,
…
"gauche"… tous deux sont pourtant inutiles ! Il suffisait ici de doter la balise importante (
- ) des attributs concernés : c’est en effet possible pour tout élément de
niveau bloc.
La morale ? N’oubliez pas que de nombreuses balises mettent en place des blocs :
,
- ,
