Pregunta

Estoy creando un interfaz web para una aplicación que estoy trabajando. Esta sección en particular se sentará dentro de una página más grande que es de un buen maquillaje semántica. Sin embargo, no estoy seguro de cuál es la mejor opción para el marcado de la pantalla de abajo semánticamente.

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

Necesidad semántica de marcado para esta imagen http://img183.imageshack.us/img183/2261/semanticmarkup.png

¿Fue útil?

Solución

Me gustaría utilizar una mesa para la parte inferior porque en mi opinión este es de datos tabulares. Veo 4 columnas (icono, nombre del proyecto, descripción del proyecto, y los botones de acción). No veo ninguna razón para no usar una tabla para este diseño (por no mencionar que cualquier otro enfoque que haría que esta escala adecuadamente diseño requeriría JavaScript y muchos dolores de cabeza a trabajar a la derecha).

Otros consejos

No creo que sería la violación más atroz de marcado semántico si pones eso en las tablas. A excepción de los botones, se ve bastante tabular para mí. Creo que los dioses código CSS que absolver:)

Estoy de acuerdo con Andrew. Se trata de datos tabulares por lo que debe utilizar un <table> pero tenga en cuenta que debe definir encabezados de la tabla, las columnas y pies de página correctamente.

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

No está violando cualquier cosa que poner en forma de tabla. Por supuesto, algunas personas se quejan de ella, pero es lo suficientemente cerca para tabular los datos que usted puede también.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top