Sugerencia para el marcado semántico

Question

Estoy creando una GUI web para una aplicación en la que estoy trabajando. Esta sección en particular se ubicará dentro de una página más grande que tiene una buena composición semántica. Sin embargo, no estoy seguro de cuál es la mejor opción para marcar semánticamente la pantalla siguiente.

Mi idea inicial es separar la mitad superior de la mitad inferior a través de los divs. Por lo tanto, el marcado para la parte superior es bastante fácil. Dejando el fondo que es donde me siento perplejo. La respuesta más fácil es una tabla, pero este contenido no se ajusta fácilmente a las únicas tablas de uso para la regla de datos tabulares. Especialmente considerando que los encabezados se verían conspicuos en este diseño. Sugerencias?

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

Answer 1

me gustaría utilizar una mesa para la parte inferior porque en mi opinión, esto es datos tabulares. Veo 4 columnas (icono, nombre del proyecto, descripción del proyecto y botones de acción). No veo ninguna razón para no usar una tabla para este diseño (sin mencionar que cualquier otro enfoque que haría que este diseño escalara correctamente requeriría JavaScript y un montón de dolores de cabeza para funcionar bien).

Answer 2

No creo que sea la violación más flagrante del marcado semántico si pone eso en tablas. Excepto por los botones, parece bastante tabular para mí. Creo que los dioses CSS te absolverían :)

Answer 3

No estás violando nada poniendo eso en forma de tabla. Claro, algunas personas se quejarán al respecto, pero también es lo suficientemente cercano a los datos tabulares.

Answer 4

Estoy de acuerdo con Andrew. Se trata de datos tabulares, por lo que debe usar un <table>, pero tenga en cuenta que debe definir encabezados, columnas y pies de página de forma adecuada.

Su otra opción es ir con una tabla sin encabezado donde usaría un <div> para el encabezado y pie de página y un <table> como cuerpo. Sin embargo, no recomiendo hacer esto. Una de las razones sería que querría encabezados para cosas como la clasificación del lado del cliente si está usando JavaScript.