Ahora, cada vez más desarrolladores front-end están comenzando a usar XHTML+CSS para reemplazar el diseño de la tabla original para completar el diseño general de la página web, lo que no solo reduce el costo del desarrollo y el mantenimiento del sitio web, sino que también hace que el código sea 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 ...
Lista de datos de tabla
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