Agora, mais e mais desenvolvedores de front-end estão começando a usar o XHTML+CSS para substituir o layout da tabela original para concluir o layout geral da página da web, o que não apenas reduz o custo de desenvolvimento e manutenção do site, mas também torna o código mais semântico. No entanto, isso não significa que a tabela desapareceu de agora em diante. Ainda é usado por muitas pessoas como uma necessidade para a representação de dados nas páginas da Web, como listas de dados de informações pessoais, etc. De fato, o uso de tags HTML DL, DT e DD economizará mais código e tornará o código mais consistente com a semântica do conteúdo. Obviamente, as tabelas também têm seu uso, ou seja, tabelas de dados com grandes quantidades de dados, mas pequenas listas e formulários de dados podem ser completamente evitados!
Se você ainda está usando tabelas tradicionais para criar listas de dados, continue vendo como o uso de tags HTML DL, DT e DD facilita seu trabalho ...
Lista de dados da tabela
O código da lista de dados de uma tabela tradicional é mostrado abaixo. Precisamos adicionar uma tag TR a cada linha e, em seguida, adicionar uma tag TD ao título e dados. Como as tags são TD, se você deseja adicionar um estilo, precisará adicionar um atributo de classe a cada TD.
Copie o código