Une brève discussion sur la coexistence de DIV et TABLE

Nous savons que div et table sont des balises essentielles dans la conception front-end. Leurs fonctions sont pour la plupart les mêmes, mais il existe également de nombreuses différences. Dans cet article, nous parlerons brièvement de la coexistence de DIV et TABLE.

A propos des tableaux

Après avoir utilisé les standards du WEB, cela ne veut pas dire que l'utilisation des tableaux est exclue. Les tableaux ne servent pas à rien, mais au contraire, ils sont un régal. raison pour laquelle il y a de nombreuses discussions sur la mise en page CSS La phrase "Pourquoi est-il imprudent d'utiliser des tableaux pour la mise en page" est souvent mentionnée dans les articles. Il se peut que les gens l'aient mal compris. Veuillez noter que "Utiliser des tableaux pour la mise en page" est " imprudent" "" fait référence à ce que nous utilisons depuis de nombreuses années. Il n'est pas judicieux d'utiliser des tableaux pour la mise en page. En dernière analyse, les tableaux sont un moyen d'afficher "données ". Vous pouvez imaginer EXCEL , des tableaux sont utilisés à cet effet. Parfois les informations sont affichées dans des tableaux afin que nous puissions les lire clairement et facilement, nous utilisons donc des tableaux, tels que les formulaires de contact des employés de l'entreprise, les tableaux de correspondance des produits et des modèles. , etc. Alors, qu'est-ce qu'on appelle le festin des tableaux ? En fait, les opinions ont augmenté à un certain niveau, c'est-à-dire si vous pouvez utiliser les tableaux de manière flexible pour afficher les données des clients, les données d'enquête et d'autres informations comme un professionnel. société d'analyse de marché, alors vous pouvez vraiment profiter du tableau. Donc, à propos de cette phrase, si elle est utilisée depuis longtemps, elle devrait être remplacée par "
Utiliser des tableaux pour la mise en page des pages Web. C'est le cas. déraisonnable pour mettre en page les éléments de la page. Les tableaux sont utilisés pour afficher les données".

À propos des autres éléments

Sur la base de mon expérience, je divise certains éléments de la norme XHTML en trois. grandes catégories :

La première catégorie est ce que j'appelle les éléments de conception de mise en page auxiliaires : ici je fais référence à p, SPAN, etc., la fonction principale de ce type d'éléments est de mettre en page la page entière. Utilisation flexible de divers attributs de. ces éléments peuvent rendre les performances de votre page riches et colorées.
Le deuxième type que j'appelle ici éléments ou informations structurés fait référence aux éléments TABLE, UL, PRE et CODE, qui sont un moyen d'afficher et d'organiser les informations. , TABLE est évidemment utilisé pour afficher les informations du tableau, et UL est utilisé pour afficher les informations en colonnes. Lorsque vous devez utiliser des tableaux ou lors de la création d'une liste, il est sage d'utiliser ces deux méthodes pour afficher
La troisième catégorie fait référence à A. meta, qui sert uniquement à implémenter certaines fonctions, telles que le mot-clé META pour remplir des mots-clés et A pour créer des liens. Ensuite, l'idée de conception conforme aux normes est la suivante : utilisez des éléments de mise en page tels que p pour créer la mise en page, le positionnement, blocs de couleur, images, etc. Utilisez des éléments tels que TABLE, UL, etc. pour afficher les données qui doivent être affichées sur la page. Bien sûr, p joue également un rôle pour organiser les données, vous pouvez utiliser l'attribut ID de. p pour traiter facilement un p comme un bloc de données nommé par vous. Par conséquent, utiliser les standards WEB pour créer un site Web est en fait un processus de rationalisation et d’intégration des informations. Vous devez utiliser tous les éléments qui doivent être utilisés partout. N’utilisez pas de tableaux comme outils de mise en page.

Recommandations associées :

Comment utiliser DIV et CSS pour créer une barre de navigation

Comment utiliser les balises de tableau dans HTML

Analyse du retour à la ligne automatique lorsque DIV et TABLE dépassent la largeur dans la page Web CSS layout_html/css_WEB-ITnose

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!