Suggestion pour le balisage sémantique

Question

Je crée une interface graphique pour une application sur laquelle je travaille. Cette section particulière s'asseoir dans une page plus grande qui est d'un bon maquillage sémantique. Cependant, je ne sais pas quelle est la meilleure option pour baliser sémantiquement l'écran ci-dessous.

Ma première pensée est de séparer la moitié supérieure de la moitié inférieure via divs. Par conséquent, le balisage pour le haut est assez facile. Laissant le fond qui est où je me sens perplexe. La réponse la plus simple est une table, mais ce contenu ne s'adapte pas facilement aux seules tables d'utilisation de la règle de données tabulaires. Surtout en considérant que les en-têtes seraient remarquables dans cette mise en page. Suggestions?

Need Semantic Markup for this Image http://img183.imageshack.us/img183/2261/semanticmarkup.png

Answer 1

Je voudrais utiliser une table pour la partie inférieure, car à mon avis, ce est données tabulaires. Je vois 4 colonnes (icône, nom du projet, description du projet et boutons d'action). Je ne vois aucune raison de ne pas utiliser une table pour cette mise en page (pour ne pas mentionner que toute autre approche qui rendrait cette mise à l'échelle correcte nécessiterait JavaScript et beaucoup de maux de tête pour fonctionner correctement).

Answer 2

Je ne pense pas que ce serait la violation la plus flagrante du balisage sémantique si vous mettez ces choses dans des tables. Sauf pour les boutons, ça me semble plutôt tabulaire. Je pense que les dieux de CSS vous absoudront :)

Answer 3

Vous ne violez rien en mettant cela sous forme de tableau. Bien sûr, certaines personnes vont se plaindre à ce sujet, mais il est assez proche des données tabulaires que vous pouvez aussi bien.

Answer 4

Je suis d'accord avec Andrew. Il s'agit de données tabulaires, vous devez donc utiliser un <table>, mais gardez à l'esprit que vous devez définir correctement les en-têtes, colonnes et pieds de tableau.

Votre autre option est d'aller avec une table sans en-tête où vous utiliseriez un <div> pour l'en-tête et le pied de page et un <table> pour le corps. Cependant, je ne recommande pas cela. Une raison serait que vous voudriez des en-têtes pour des choses comme le tri côté client si vous utilisez JavaScript.