Désormais, de plus en plus de développeurs frontaux commencent à utiliser XHTML + CSS pour remplacer la disposition de la table d'origine pour compléter la disposition globale de la page Web, ce qui réduit non seulement le coût de développement et de maintenance du site Web, mais rend également le code plus sémantique. Cependant, cela ne signifie pas que le tableau a disparu à partir de maintenant. Il est toujours utilisé par de nombreuses personnes comme une nécessité pour la représentation des données sur les pages Web, telles que les listes de données d'informations personnelles, etc. En fait, l'utilisation des balises HTML DL, DT et DD vous économisera plus de code et rendra le code plus cohérent avec la sémantique du contenu. Bien sûr, les tables ont également leur utilisation, c'est-à-dire des tables de données avec de grandes quantités de données, mais de petites listes de données et formulaires peuvent être complètement évitées!
Si vous utilisez toujours des tables traditionnelles pour créer des listes de données, veuillez continuer à voir comment l'utilisation des balises HTML DL, DT et DD facilite votre travail ...
Liste des données de la table
Le code de liste de données d'un tableau traditionnel est illustré ci-dessous. Nous devons ajouter une balise TR à chaque ligne, puis ajouter une balise TD au titre et aux données. Étant donné que les balises sont TD, si vous souhaitez ajouter un style, vous devez ajouter un attribut de classe à chaque TD.
Copier le code