Les tables html ?

Bonjour,

J'entends beaucoup dire "les tables (<table>) c'est nul, on peut tout faire via CSS".
Auriez-vous des sites ? des articles ou autre qui explique cela ? j'aimerais me convaincre de gérer cela en CSS à partir de maintenant, mais je ne sais pas trop par où commencer (je suis pas une bête en css)....

Merci.

Hello

Votre "problème" n'est pas très clair.

Il ne faut pas confondre le HTML et le CSS. Le HTML est le contenu de la page et le CSS apporte du style à la page. Donc, tout dépends de ce que vous intégrez. Si vous intégrez un tableau avec des données, dans ce cas, la balise <table> est appropriée, sinon c'est que ce n'est pas un tableau. Beaucoup font l'erreur d’utiliser <table> pour gérer la mise en page, pour aligner des éléments. Ce n'est pas le rôle du HTML de gérer la mise en page, c'est au CSS.

Le CSS n'est pas compliqué. Faut juste y passer du temps.

Merci pour cette précision

"Si vous intégrez un tableau avec des données, dans ce cas, la balise <table> est appropriée" c'est en gros la réponse que j'attendais... Je gère des données et je trouve cela plus simple avec des <tables>.

Ma question porté surtout sur "Est-ce encore d'actualités d'utilisé les <tables>" mais la réponse est "ce n'est pas un problème d'actualité ou pas" mais cela est plus lié au context d'utilisation

La sémantique, le SEO, l'accessibilité....
Les possibilités qu'offrent le CSS sont largement supérieur à une mise en page table....

Intégrer un site en table, c'est revenir à l'âge de pierre (1992)

Faire du responsive avec une mise en page table, bonne chance
Faire une page comme celle là en Table, bonne chance
Modifié par niuxe (16 Nov 2017 - 12:34)

Oui....je ne dirais pas "contexte d'utilisation", le HTML est le contenu d'une page et les balises apporte du sens au contenu, il est question de sémantique. Si j'intègre un tableau dans ce cas j'utilise la balise sémantique '<table>', si j'intègre une liste d'éléments non-ordonnés dans ce cas j'utilise un 'ul'. C'est comme cela qu'il faut réfléchir. Aussi, le HTML impacte énormément le référencement. Les robots de Google qui indexent votre page ne vont pas se demander "Quel est le contexte d'utilisation de ce truc" non, il va parcourir le HTML et "voir" des <p>, des <img alt="">, des <h1>, des <sections>. Pareil pour ce qui est de l’accessibilité, concernant la synthèse vocale, le logiciel ne pas lire à haute voix votre contexte d'utilisation mais ce sera plutôt du genre 'titre de niveau 1' etc......Et pour finir, pour ceux qui par d'actualité, la balise <table> fait partie du HTML5 donc oui, c'est toujours d'actualité (si veux parler des dernières normes w3c), mais encore une fois il est question de sémantique.
Modifié par allan00958 (16 Nov 2017 - 12:49)

Pour dire les choses a ma façon :
les "<table>" on un sens lorsque nous avons un véritable tableau type excell
mais jamais pour mettre en place des éléments dans une page !

Voila j'ais enfoncé le clou

Oui moi j'ai besoin de table car je vais avoir beaucoup de données (mssql) à afficher sous forme de tableau. Pour ce qui est du référencement je m'en moque, c'est un backoffice. et niveau responsive j'utilise boostrap donc aucun problème.

Merci pour vos réponses cela m'aide.

JENCAL a écrit :
Oui moi j'ai besoin de table car je vais avoir beaucoup de données (mssql) à afficher sous forme de tableau. Pour ce qui est du référencement je m'en moque, c'est un backoffice. et niveau responsive j'utilise boostrap donc aucun problème.

Merci pour vos réponses cela m'aide.

C'est normal dans ce cas puisqu'apparemment tu vas faire un grid view.

<table> n'est pas le mal. Toutefois, il faut savoir l'utiliser à bon escient (des données tabulaires)

Bonjour,

Mes 2 kopecks à ce post :

J'utilise énormément de données à présenter en tableaux et pour ce faire j'utilsie le plugin datatables que je recommande chaudement, il est hautement paramétrable et permet pas mal d'interactivité.

Pour la mise en page j'utilise bootstrap (compatible aussi avec datatables).

Salut,

Merci pour cette infos je vais essayer cette lib , j'ai également découvert tablesorter.js qui est pratique !

La fonctionnalité de tri existe également dans datatables, de plus le support est très réactif et le forum fourmille de très bons extraits de codes.

Ok c'est noté, merci !