Comparaison de la convivialité de div et de table dans les sites Web

Dans la mise en page, div et table sont souvent utilisés, alors quelles sont leurs caractéristiques dans la page ? Cet article vous parlera de la comparaison d'utilisabilité de div et table dans le site Web. Pour ceux qui sont intéressés, continuez ci-dessous. Jetez un oeil.

DIV et TABLE n'ont aucun avantage ou inconvénient en eux-mêmes. Les soi-disant standards du Web recommandent uniquement l'utilisation correcte des balises. Par exemple, DIV est utilisé pour la mise en page, tandis que TABLE est à l'origine utilisé pour en convertir deux. -données dimensionnelles. Laisser TABLE faire ce qu'il doit faire ne signifie pas que TABLE est si génial s'il n'apparaît pas sur la page.

L'avantage d'utiliser DIV pour la composition est que je ne l'expliquerai pas, mais tout le monde devrait être clair à ce sujet. DIV est un standard et une tendance générale, mais cela ne signifie pas que toutes les pages peuvent être utilisées.

Il y a une grande différence entre les portails chinois et les portails étrangers. Les internautes chinois n'aiment pas les pages avec moins d'informations. Lorsque YAHOO arrive en Chine, le contenu de la page est bien plus grand la dernière fois. une page concise Plus tard, le nombre de visites a tellement diminué qu'elle a été modifiée en quelques jours. Officiellement, ce sont les conditions nationales de la Chine qui ont créé des portails comme Sohu et Sina.

Pourquoi DIV ne leur convient-il pas ? Laissez-moi vous expliquer un par un sous plusieurs aspects :

Code simplifié :

Tout le monde dit que la mise en page de DIV est un code simplifié, mais le code enregistré en utilisant DIV au lieu de TABLE est occupé par CSS (style), et la plupart de ces styles sont utilisés pour contrôler la disposition de DIV. Ensuite, vous direz que CSS peut être réutilisé en externe. Si vous souhaitez obtenir la réponse à cette question, veuillez lire ci-dessous.

Réutilisabilité et volume de téléchargement :

L'utilisation uniforme d'un fichier de feuille de style .css peut avoir pour effet de modifier une seule fois et de modifier l'ensemble du site, ce qui réduit les coûts de maintenance. . Mais s'il vous plaît, réfléchissez-y sous un autre angle. Si toutes les pages doivent accéder à un fichier lors du chargement, alors le nombre de téléchargements de ce fichier chaque jour, en particulier sur les plateformes de sites Web Sohu et Sina, atteindra des centaines de millions. des téléchargements plus tard. Le serveur Web frontal fournit un support, et le coût du backend a également beaucoup augmenté. Si le support en arrière-plan n'est pas bien fait, la page apparaîtra floue et le travail précédent sera vain. Beaucoup de gens se demanderont, la probabilité que cela se produise est trop faible. Le travail que nous faisons est d'éviter ces deux accidents. Si un accident survient, les conséquences pour le portail seront désastreuses.

Communication HTTP :

Le fichier de feuille de style unifié adopte la forme d'un appel externe, de sorte qu'à chaque fois qu'une seule page est chargée, il y aura une requête http supplémentaire au serveur Réponse, cela consommera beaucoup d’argent sur le serveur Web frontal. Il s'avère que pendant longtemps, css et js ont été écrits sur le front end de la page (vous pouvez regarder les pages de sohu et sina, la plupart utilisent ce formulaire), plutôt que sous forme d'appels externes, afin d'essayer d'éviter d'ajouter du code supplémentaire à la consommation du serveur.

Cache de page :

Chaque fois qu'un utilisateur visite une page, elle sera enregistrée dans le cache du navigateur pendant une certaine période de temps pour garantir que l'utilisateur puisse accéder la page la prochaine fois. Améliorez la vitesse d’affichage de la page. Chaque modification entraînera le retéléchargement de la page, et il en va de même pour chaque fichier de style importé en externe. Si le fichier CSS est modifié, chaque page visitée sur le site Web sera retéléchargée selon la méthode précédente d'écriture des styles. la page est simplement modifiée. Les pages doivent être téléchargées à nouveau.

Compatibilité :

Tous les navigateurs et versions de CSS (feuilles de style) ne prennent pas très bien en charge CSS. Par exemple, les navigateurs antérieurs à IE5 prennent très bien en charge CSS. pas très bon. De nos jours, rares sont les utilisateurs qui utilisent des navigateurs antérieurs à IE5. Cela signifie que pendant le processus de production des pages, différentes versions de navigateur doivent être testées pour garantir la compatibilité, ce qui ajoute également beaucoup de charge de travail (du moins pour les développeurs que je contacte). . Le temps standard pour créer une page div est plus long que celui d'une page de table).

Crosscuting et ductilité :

Crosscutting - la méthode de mise en page traditionnelle divise la page en plusieurs blocs de haut en bas afin de accélérer le téléchargement de la page, mais cela. Cette situation se produit souvent dans les pages qui utilisent DIV pour la mise en page. Étant donné que le nombre d'éléments de contenu dans la colonne du milieu ou dans les autres colonnes de chaque bloc n'est pas fixe, les colonnes des deux côtés ne s'adaptent pas en même temps et des espaces vides apparaissent.

En comparaison, la méthode traditionnelle du tableau est plus facile à éviter de telles situations.

Nous discutons uniquement de l'utilisabilité d'une certaine technologie dans un certain domaine, pas de la technologie elle-même.

Cela dit tout cela ne veut pas dire que la méthode de mise en page de DIV n'est pas bonne, mais que nous devrions voir correctement le rôle de Table dans les grands portails basés sur le contenu, plutôt que de suivre ce que disent les autres. La raison pour laquelle la méthode de mise en page DIV n'est pas utilisée dans les grands sites Web ne signifie pas que le portail n'utilise pas DIV parce que la technologie est arriérée, mais parce que les personnes à l'intérieur ne sont pas tournées vers l'avenir, mais cela est déterminé par diverses raisons. La raison pour laquelle NetEase utilise tous DIV est que le contenu n'est pas son objectif principal. Pour les autres portails, ces décisions dépendront du temps de vérification. C’est juste que le moment n’est pas encore venu. ?

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!