HTML se diseñó originalmente como un lenguaje de marcado semántico para la lectura en línea de documentos científicos y trabajos de investigación. Sin embargo, a medida que la web pasó de ser una corriente principal en el mundo académico y de investigación a mediados de la década de 1990 a tener más medios, los diseñadores gráficos buscaron formas de controlar las imágenes de las páginas web tal como se presentaban a los usuarios finales. Para ello, se han utilizado tablas y pads (normalmente píxeles individuales de una imagen GIF transparente con un ancho y alto claramente definidos) para crear y mantener diseños.
Esto conlleva muchos problemas. Muchos diseños de páginas tienen tablas anidadas, lo que da como resultado documentos HTML de gran tamaño que requieren mayor ancho de banda que los formatos de archivo simples. Además, cuando se linealiza la retroalimentación del formulario, por ejemplo al analizar el orden de lectura de la pantalla o los motores de búsqueda, el contenido resultante puede ser un poco confuso.
Los primeros editores WYSIWYG razonablemente comercializables aparecieron a finales de la década de 1990, lo que significó que los diseñadores web ya no necesitaban un buen (o alguien que supiera HTML) para crear una página web. Esta edición fomenta indirectamente el uso generalizado de tablas anidadas para reflejar la ubicación y los elementos de diseño. Cuando el diseñador edita el archivo en estas ediciones, se agrega código al archivo, lo que a veces es innecesario. Además, los diseñadores no técnicos deben utilizar un editor WYSIWYG si pueden utilizar tablas. Esta práctica da como resultado varias tablas anidadas dentro de tablas con filas y columnas innecesarias.
Utilizando herramientas de edición gráfica, el HTML de salida y el código de promoción de imágenes se pueden utilizar directamente en la tabla. Muchas filas con una altura y un ancho generalmente de 1 píxel. A veces, se utilizan más líneas de código para hacer que el contenido sea más grande que el contenido real.
El auge de Internet disminuyó, la industria del desarrollo de sitios web se contrajo en 2001 y hubo una mayor demanda de programadores con más experiencia en la industria. Los desarrolladores de UI tienen un mejor conocimiento de los hábitos de codificación en una gran cantidad de situaciones. En ese momento, muchas personas comenzaron a criticar las caóticas prácticas de codificación y el diseño de tablas que aún no habían comenzado a crecer. [5]
Las hojas de estilo (CSS) mejoran el diseño y separan el contenido, devolviendo el contenido al sitio web en una forma organizada semánticamente. El término "diseño de tabla" se refiere al uso de CSS en lugar de elementos HTML para diseñar las posiciones de la tabla en la página. HTML y páginas web que muestran información dentro de formularios cuando sea legal.