tabla - Si estuviera programando un calendario en HTML, ¿usaría las etiquetas Table o Div?
tablas en html5 (8)
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 haber usado tablas con XSL, pero quería seguir la discusión de Divs and Tables con una discusión sobre la manera ideal de hacer calendarios web y tal vez una unión de los dos.
¡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 quedo con tablas para datos tabulares.
Aquí hay un artículo interesante sobre cómo vestir mesas con CSS: http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs
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.
Creo que este es definitivamente un caso para usar 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.
Hazlo en una mesa.
Tampoco piense en ello 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.
Las tablas son para mostrar datos tabulares. Entonces, diría que <table> es ideal.
También podría considerar una lista ordenada (semanas) de listas ordenadas (días) o simplemente una lista ordenada (días).
Hay otros que están de acuerdo en que el enfoque de la lista es bueno .
Tiene sentido usar tablas, pero si miras el calendario de Google, parece que están usando etiquetas div. Es posible que el uso de etiquetas div disminuya el tamaño del archivo, por lo que en un entorno empresarial podría valer la pena el "problema".
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: definición 11 para "tabla" de answers.com dice:
Una disposición ordenada de datos, especialmente uno en el que los datos se organizan en columnas y filas en una forma esencialmente rectangular.