El sitio web no solo reduce el costo del desarrollo y el mantenimiento, sino que el código también es más semántico. Sin embargo, no significa que la mesa haya desaparecido de ahora en adelante. Todavía es utilizado por muchas personas como una necesidad para la representación de datos en páginas web, como listas de datos de información personal, etc. De hecho, el uso de HTML DL, DT y DD las etiquetas le ahorrarán más código y hará que el código sea más consistente con la semántica del contenido. Por supuesto, las tablas también tienen su uso, es decir, tablas de datos con grandes cantidades de datos, ¡pero pequeñas listas de datos y formularios se pueden evitar por completo!
Si todavía está utilizando tablas tradicionales para crear listas de datos, continúe viendo cómo el uso de etiquetas HTML DL, DT y DD facilita su trabajo ...
El código de la lista de datos de una tabla tradicional se muestra a continuación. Necesitamos agregar una etiqueta TR a cada fila y luego agregar una etiqueta TD al título y los datos. Dado que las etiquetas son TD, si desea agregar un estilo, debe agregar un atributo de clase a cada TD.
Copiar el código