Si estuvieras programando un calendario en HTML, ¿usarías las etiquetas Table o Div?

Question

Convertí el calendario de mi compañía a XSL y cambié todas las tablas a divs. Funcionó bastante bien, pero tuve muchos errores de la semana de 8 días para resolver inicialmente debido a problemas de espaciado entre navegadores. Pero estaba leyendo otra publicación sobre cuándo usar tablas v. Divs y el consenso parecía ser que solo debería usar divs para divisiones verdaderas entre partes de la página web y solo usar tablas para datos tabulares.

No estoy seguro de que incluso podría haber usado tablas con XSL pero quería seguir esa discusión de Divs and Tables con una discusión sobre la manera ideal de hacer un calendario web y tal vez una unión de los dos.

Answer 1

Yo diría que un calendario es una tabla, por lo tanto, hacer que la tabla sea la marca adecuada para su representación.

Editar: Definition 11 for "table" de answers.com dice:

una disposición ordenada de datos, especialmente uno en el que los datos están dispuestos en columnas y filas en una forma esencialmente rectangular.

Answer 2

¡Un calendario es la razón perfecta para usar una mesa! Los calendarios presentan datos tabulares inherentemente y las tablas HTML son buenos para presentar datos tabulares. Y el marcado de tabla HTML proporciona casi todos los ganchos de CSS que necesita para asociar selectores de CSS con varias partes de la tabla para vestirlo.

Estoy a favor de utilizar DIV para el diseño, pero me atengo a las tablas de datos tabulares.

Aquí es un artículo fresco en la forma de vestir tablas con CSS: http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs

Answer 3

las tablas son para la visualización de datos tabulares. Entonces diría que <table> es ideal.

Answer 4

Creo que este es definitivamente un caso para el uso de tablas. El mayor problema al usar divs sería la altura de la caja para cada día individual. Si diseña cada cuadro con un borde, podría mirar hacia afuera si el contenido de un día es más largo que otro. El margen adicional para que se vea bien sería más de lo que llevaría crearlo con una tabla, así que no creo que los dividendos valgan el esfuerzo extra en este caso.

Answer 5

Tiene sentido utilizar tablas, pero si mirara Google Calender, parece que están usando etiquetas div. Es posible que el uso de etiquetas div reduzca el tamaño del archivo, por lo que en un entorno empresarial podría valer la pena el "problema".

Answer 6

Hazlo en una tabla.

También no lo considere como "divs vs. tables" Piense en ello como tablas frente a una etiqueta semántica adecuada con significado. Cuando creo páginas intento usar divs lo menos posible, en muchos casos podría estar usando un párrafo, un elemento de lista, etc.

Answer 7

También podría considerar una lista ordenada (semanas) de listas ordenadas (días), o simplemente una lista ordenada (días).

Hay others que coinciden en que the list approach es a good one.

Others prefer tables.

Answer 8

Acabo de encontrar este hilo después de plantear la misma pregunta en otro lugar.Aunque estoy completamente de acuerdo en que un calendario es más una representación tabular de datos, creo que hay verdad en las respuestas prolíficas de "depende". Por ejemplo, quiero mostrar una ventana emergente DIV flotante cuando todos los días en el calendario pasan a segundo plano. Usando una tabla, la ventana emergente parpadea cuando el cursor se mueve a través del calendario ya que la ventana emergente solo está activa en el borde de la celda y el número de día en la misma celda. Usando DIVs, la ventana emergente es sólida (sin parpadeo) todo el tiempo que el cursor pasa sobre la celda del calendario.