Discussion :

[helio500]

Bonjour à tous,

Je souhaiterais avoir des renseignements sur la conception d'un site Web avec CSS.
J'ai développé il y a 7 ou 8 ans un site dans lequel il y avait principalement des balises <TABLE> <TR> <TD>,
ce sont ces balises qui mettaient en forme mes pages web (avec une feuille de style pour la police, couleur etc.).
Depuis quelques années je lis qu'il faut utiliser principalement CSS et notamment la balise <DIV> pour structurer les pages Web.
Je vais commencer le développement d'un nouveau site et en cherchant des infos je tombe sur un sujet qui dit :
"Arrêtons de remplacer systématique les tableaux par les div", c'est pourtant ce que je pensais, supprimer les
<TABLE> par <DIV>
Qu'en est-il exactement? à quel moment peut on utiliser un <TABLE>?

Merci pour vos précisions.

[FirePrawn]

Bonjour,

Jamais ?
Si les div disparaissent ( en HTML 5 ) ce n'est pas du tout au profit des tableaux mais bien de balises propres à chaque éléments de la page.

Donc pour le moment, si tu souhaites coller aux normes actuelles, fais ta mise en page avec des div et des feuilles css

[Emyleen]

Bonjour,

Comme le dit FirePrawn, l'évolution du web tend à remplacer les balise <table> par d'autres balises plus adapté dans le contexte. Cependant la balise <table> et toutes ses balises intrinsèques ne vont pas disparaitre, car elles servent à baliser...les tableaux! ^^

Donc pour synthétiser, tu structure ta page avec les balises adaptées (header, footer, nav, div, etc) et lorsque tu as besoin de faire un tableau, par exemple d'afficher des données issues d'une base de données, tu utilise une balise <table> pour structurer tout ça

En espérant avoir répondu à ta question

[helio500]

OK merci à vous deux!

[Bovino]

"Arrêtons de remplacer systématique les tableaux par les div"

C'est tout à fait juste.
HTML est un langage dont les balises ont un sens sémantique.
C'est d'ailleurs l'une (mais loin d'être la seule) des raisons qui font que la mise en page en tableaux est déconseillée, puisque qu'une table HTML sert à afficher des données tabulaires, tout comme une balise <a> sert à afficher un lien, des balises <hn> des titres etc.
Dans de nombreux cas, il existe des balises dont le sens correspond à ce que l'on souhaite faire (reste ensuite à les connaitre ).
Il existe toutefois deux balises génériques qui ne devraient être utilisées que si aucune balise ne correspond à leur rôle dans le document : <span> pour les éléments inline et <div> pour les éléments bloc.
Utiliser ces balises systématiquement est donc abusive selon la "philosophie" de HTML.

A noter aussi que les styles par défaut de chaque balise n'est précisément qu'un style par défaut qu'il est facile et possible de modifier à son gré (à quelques limites près : transformer un élément inline en bloc et vice-versa est plutôt maladroit).