Source d'information : COMSHARP
En tant que concepteur de sites Web fin 2008, êtes-vous gêné d'admettre que vous utilisez Table dans votre code ? Si c'est le cas, vous êtes une personne courageuse. La conception de sites Web est une industrie étrange. Vous pouvez concevoir votre site Web pour ressembler à des petites annonces le soir. journal, ou débloquez des publicités dans le couloir, mais ne laissez personne savoir que vous utilisez Table dans votre code source, c'est comme un vendeur qui a remonté son pantalon et découvert qu'il portait des chaussettes blanches.
Le tableau est tellement laid et gonflé Même si vous n'affichez qu'un simple contenu, vous avez toujours besoin des trois balises de base <table><tr><td>, et un tas d'attributs désordonnés sont ajoutés à chaque balise. > est simple, soigné et à la mode. C'est une correspondance parfaite avec CSS. Ils forment le modèle de boîte le plus parfait. Ils sont comme des boîtes en réalité, vous y mettez des objets et vous les modifiez ensuite librement. une mise en page, peu importe, changez simplement la définition CSS, et une toute nouvelle mise en page naîtra ; contrairement à Table, Table est comme un buffet dans une cantine, des rangées et des colonnes, rustiques et grasses, comme la nôtre. des parents, négligés, ramenant tout à la maison et les empilant au hasard dans un coin. Si Div est la petite bourgeoisie, Table est la troisième génération. Ils n'appartiennent pas à cette époque.
C'est-à-dire que ces dernières années, seulement trois à cinq ans au maximum, le W3C est une organisation que tout le monde considère comme importante mais que tout le monde n'aime pas. Son site officiel est très laid, j'ose dire que je n'ai jamais vu un site aussi laid dans mon pays. Mais leur site Web est l'un des rares à pouvoir passer toutes les vérifications des normes W3C, ce qui signifie que leur site Web est parfait en termes de grammaire, de structure et d'accessibilité, même s'il reste très moche. Mais c'est une blague, le W3C est très important, sinon Microsoft amènera tous les ingénieurs de développement Web à un point de non-retour. Heureusement, après la mort de Netscape, Nirvana a publié Firefox, et bien qu'Opera n'ait reçu aucun avantage après la naissance de. Firefox, au moins Vous avez reçu un soutien moral. Avez-vous vu qu'un grand frère est enfin sorti pour prendre soin de vous ? Après le retour de Jobs, Apple a retrouvé sa gloire d'antan. Ce n'est qu'à ce moment-là que les gens ont su qu'il existait un navigateur appelé Safari dans le monde. Tout cela combiné a rendu le W3C vraiment nécessaire pour exister.
Le W3C indique que les tableaux peuvent être utilisés pour contenir du texte, du texte formaté, des images, des liens, des formulaires et d'autres tableaux... Cependant, les tableaux ne doivent pas être utilisés uniquement comme moyen de mettre en page le contenu d'un document). problèmes lorsque le Web est rendu par des appareils non visuels, qui sont désignés comme des lecteurs d'écran et des navigateurs braille. De plus, Table obligera les utilisateurs à faire défiler vers la gauche et la droite sur les appareils à grand écran. Par conséquent, les concepteurs Web CSS doivent être utilisés à la place de Table. Voir W3C HTML 4.01 pour la définition de Table. Lorsque le W3C a déclaré cela, c'était le 24 décembre 1999. Bien que CSS soit né depuis longtemps, peu de gens l'utilisaient. Le Web original était comme une version en ligne du document et n'est pas devenu la plate-forme qu'il est aujourd'hui. Une grande attention a été accordée aux problèmes de mise en page. Avec la formation de la première bulle Internet, un grand nombre de sites Web portail ont été à l'origine de la mise en page Table, car leurs pages d'accueil étaient plus grandes que toutes les pages d'un journal entier réunies. Complexe, Table est très pratique à cet égard. En combinant colspan et rolspan, vous pouvez réaliser presque n'importe quelle mise en page complexe.
Ce style de mise en page était encore très populaire au début des années 2000 et jusqu'au milieu des années 2000, notamment en Chine. Sous l'esprit subconscient de Da Weimei, les gens mettaient tout ce qui pouvait être entassé sur une seule page dans la page d'accueil. à l'époque ancienne, même si tout ne peut pas être arrangé de manière ordonnée, au moins c'est arrangé dans le même ordre. Cependant, ce type de Web a finalement atteint le point où les gens sont dégoûtés. Avec l'émergence de la recherche, des abonnements RSS et du Web personnalisé représenté par les blogs, les gens disposent de plus de canaux pour obtenir des informations sans avoir à visiter ces quelques sites Web presque nécessaires. Sur la page d'accueil du portail évanoui, un style Web nouveau et léger est apparu, utilisant une mise en page plus simple, des couleurs plus vives, de grandes icônes, de grandes bannières et de grandes polices plus faciles à lire. , CSS était déjà très mature et les navigateurs tels que Firefox, Opera et Safari étaient bien meilleurs qu'IE pour se conformer aux normes du W3C. Les gens ont finalement réalisé la puissance du CSS. Étant donné que le cœur de CSS est un modèle Box en termes de mise en page, les utilisateurs doivent trouver un objet conteneur auquel CSS pourra s'attacher.
Div est le plus chanceux car c'est naturellement le meilleur prototype de Box. Sémantiquement, Div représente une zone de la page. Plus important encore, ce n'est pas comme <P> ou < a>. étant donné une sémantique spéciale à l'avance (bien qu'elle puisse également être utilisée dans le modèle Box) ; d'un autre côté, par haine des gens envers la Table qui dirige une époque pléthorique, à la fin d'une époque, les successeurs travailleront dur pour effacer les anciennes ; Les traces du temps, le sort de ces symboles ou représentants de l’époque ancienne sont pour la plupart ainsi les gens ne les oublient pas, mais tracent une ligne claire entre eux.
C’est là que commence tout le traitement injuste de Table. Pourquoi est-ce injuste ? Lorsque le W3C ne recommande pas la mise en page des tableaux, il indique simplement que CSS doit être utilisé à la place. Qu'est-ce que cela signifie ? Bien sûr, il est pris en charge, et comme Table est un ancien objet HTML et que son statut est si important, tout navigateur offre le support le plus parfait pour Table, y compris le support CSS. Lorsque les gens adoptent Div, ils semblent oublier que Table est aussi une Box, et qu'il s'agit d'une Box avec plusieurs cellules internes. Table dans son ensemble n'a aucune différence avec Div en termes de modèle Box et ses cellules internes, à l'exception de Margin , c'est toujours une Boîte, et la boîte intérieure ne contient pas la notion de Marge, qu'il faut comprendre. Inutile de dire que Div est excellent. Cependant, quand les gens disent Div + CSS, cela semble impliquer que Table ne peut pas utiliser CSS. C'est un énorme malentendu.
Toutes les propriétés CSS prises en charge par Div sont prises en charge par Table. En fait, avant que Div ne devienne populaire, les premiers utilisateurs de Div disaient un jour avec peu de confiance que si Table pouvait le faire, Div pouvait le faire, et ils payaient également pour leurs mots. le prix, les personnes qui tentent d'obtenir un centrage vertical dans les Divs comprendront ce que je veux dire, et les personnes qui tentent d'obtenir une mise en page 100% Div dans IE6 sans CSS Hack comprendront encore plus ce que je veux dire. Problème de hauteur à 100 %, problème d'adaptation de largeur entre plusieurs Divs, je pense que toute personne engagée dans la conception Div + CSS le rencontrera. L'avantage de Table à cet égard n'est pas dû à son excellence, mais au fait qu'il est ancien et qu'aucun navigateur n'ose l'ignorer. Il est également dû à ses caractéristiques originales. Les gens ont inventé les tableaux parce qu'ils veulent que les données soient affichées proprement. . C'est aussi simple que ça. Cependant, pourquoi Table a-t-elle acquis plus tard autant de notoriété ? Les défenseurs de la Div accusent Table de rien de plus que ce qui suit.
Le code est volumineux : vous devez écrire au moins trois balises <table><tr><td> avant de pouvoir démarrer le contenu réel. De plus, les différentes balises de Table contiennent également des définitions d'attributs complexes, alors que Div n'a besoin que de < div. >une étiquette.
Problèmes de performances de rendu des pages : le navigateur doit lire complètement l’intégralité du tableau avant de commencer le rendu.
Mauvais pour le référencement : les moteurs de recherche aiment que le contenu soit séparé du vernis.
Mauvaise accessibilité : les logiciels de lecture d'écran et les navigateurs braille ne peuvent pas bien comprendre le contenu du tableau.
Pas assez sémantique : nous avons besoin d’un Web sémantique.
Article 1 : Le code est volumineux.
Tout d'abord, les seuls attributs de Table qui ne peuvent pas être définis avec CSS sont Cellspacing et Cellpadding. Tous les autres attributs peuvent et doivent utiliser CSS. De cette façon, le reste est <table><tr>. <td> et <div>, je crois que pour une page Web qui fait facilement des dizaines de Ko, même si des dizaines de tables sont utilisées, le code supplémentaire peut être ignoré. Ceux qui se plaignent du code de table gonflé devraient en fait vérifier. leurs habitudes de codage. Une personne capable d'écrire un tableau très volumineux peut ne pas être aussi concise que d'écrire un Div.
Article 2 : Problèmes de performances de rendu des pages.
J'utilise un ordinateur portable de 2004 avec un processeur de 1,6 G et une mémoire de 1 G. Dans cette configuration, je ne vois aucune différence de vitesse entre la disposition du tableau et la disposition Div dans le rendu des pages. S'il y a une légère différence, le retard par rapport au réseau lui-même peut être ignoré.
Article 3 : Pas propice à l'optimisation des moteurs de recherche.
Si vous utilisez autant que possible CSS au lieu des attributs de table, comme mentionné précédemment, la différence entre le code généré et Div ne sera pas très grande. Les moteurs de recherche feront-ils une discrimination à l'encontre du <table>. tag ? Je n'ai pas encore trouvé la base de cette affirmation.
Article 4 : Mauvaise accessibilité
C'est un défaut inhérent à Table, mais la plupart des fans de Div + CSS ne semblent pas rejeter Table pour cette raison.
Article 5 : Sémantique insuffisante.
La signification du Web sémantique est beaucoup plus profonde. Il n'est pas seulement empêtré dans la sémantique. Même le W3C ne stipule pas que la table ne peut être utilisée que pour afficher des données tabulaires. de Table People, autant attendre HTML 5, c'est la vraie sémantique.
Le but de cet article n'est pas de vous faire abandonner Div et rejoindre Table. Au contraire, si Div peut répondre à vos besoins de conception, Div reste toujours le premier choix, mais il n'est pas nécessaire d'éviter Table, sinon il ira vers le. autre extrême. De nombreuses conceptions qui ne peuvent pas être facilement réalisées avec Div peuvent toujours être réalisées avec Table. Bien entendu, quel que soit ce qui est utilisé, CSS doit être utilisé pour séparer le contenu et la décoration. Div + CSS et Table + CSS sont tous deux des conceptions légales, utilisez celle qui est la plus simple. D'après mon expérience, lorsque vous pouvez prédire le format de votre contenu et avoir un contrôle total sur le format d'affichage du contenu que vous vous apprêtez à ajouter, vous devez utiliser Div + CSS lorsque le contenu que vous vous apprêtez à ajouter n'est pas fixe et ; vous ne pouvez pas le prédire. Pour son format, si vous ne souhaitez pas que la page s'effondre, utiliser Tableau + CSS est une approche sûre.
Source de cet article : COMSHARP CMS Auteur : 35 kilomètres