Nachrichtenquelle: COMSHARP
Ist es Ihnen als Webdesigner Ende 2008 peinlich, zuzugeben, dass Sie Table in Ihrem Code verwenden? Wenn ja, sind Sie eine mutige Person. Sie können Ihre Website so gestalten, dass sie abends wie Kleinanzeigen aussieht Zeitung lesen oder Anzeigen im Flur freischalten, aber lassen Sie niemanden wissen, dass Sie Table in Ihrem Quellcode verwenden. Das Finden von Table ist wie ein Verkäufer, der seine Hosen hochzieht und herausfindet, dass er weiße Socken trägt.
Die Tabelle ist so hässlich und aufgebläht. Selbst wenn Sie nur einen einfachen Teil des Inhalts anzeigen, benötigen Sie immer noch die drei grundlegenden Tags <table><tr><td>, und im Gegensatz zu <div werden jedem Tag eine Reihe unordentlicher Attribute hinzugefügt > ist einfach, ordentlich und modisch. Sie bilden das perfekteste Box-Modell. Sie sind wie Boxen, die Sie dann nach Belieben anordnen können Ein Layout, es spielt keine Rolle, ändern Sie einfach die CSS-Definition, und im Gegensatz zu Table wird ein brandneues Layout geboren. Der Tisch ist wie ein Sideboard in einer Kantine, Reihen und Spalten, rustikal und fettig, wie bei uns Eltern nehmen schlampig alles mit nach Hause und stapeln es willkürlich in der Ecke. Wenn Div das Kleinbürgertum ist, ist Table die dritte Generation. Sie gehören nicht zu dieser Ära.
Das heißt, in den letzten Jahren, höchstens drei bis fünf Jahren, ist W3C eine Organisation, die jeder für wichtig hält, die aber allen nicht gefällt. Ich wage zu behaupten, dass ich noch nie eine so hässliche Website gesehen habe Aber ihre Website ist eine der wenigen, die die Überprüfung aller W3C-Standards bestehen kann, was bedeutet, dass ihre Website in Bezug auf Grammatik, Struktur und Zugänglichkeit perfekt ist, obwohl sie immer noch sehr hässlich ist. Aber das ist ein Witz, W3C ist sehr wichtig, sonst wird Microsoft alle Webentwicklungsingenieure an einen Punkt bringen, an dem es kein Zurück mehr gibt. Glücklicherweise veröffentlichte Nirvana nach dem Tod von Netscape Firefox, und obwohl Opera nach der Geburt keine Vorteile mehr erhielt Zumindest Firefox. Du hast moralische Unterstützung erhalten. Hast du gesehen, dass endlich ein großer Bruder herausgekommen ist, der sich um dich kümmert? Nach der Rückkehr von Jobs erwachte Apple wieder zu seinem früheren Glanz. Erst dann wussten die Menschen, dass es einen Browser namens Safari gab. All dies zusammen machte das W3C wirklich notwendig.
Das W3C sagt, dass Tabellen zur Aufnahme von Text, formatiertem Text, Bildern, Links, Formularen und anderen Tabellen verwendet werden können. Tabellen sollten jedoch nicht nur als Mittel zum Layouten von Dokumentinhalten verwendet werden. Der Grund dafür ist, dass die Tabelle verursacht wird Probleme, wenn das Web von nicht-visuellen Geräten gerendert wird, die als Bildschirmlesegeräte und Braille-Browser bezeichnet werden. Darüber hinaus zwingt Table die Benutzer dazu, auf großen Anzeigegeräten nach links und rechts zu scrollen. Daher sollten Webdesigner CSS anstelle von Table verwenden. Die Definition von Table finden Sie in W3C HTML 4.01. Als das W3C dies sagte, war es der 24. Dezember 1999. Obwohl CSS schon lange geboren war, nutzten es nicht viele Menschen. Das ursprüngliche Web war wie eine Online-Version des Dokuments und wurde nicht zu der Plattform, die es jetzt ist Mit der Entstehung der ersten Internet-Blase wurde viel Wert auf die Entstehung des Table-Layouts gelegt, da ihre Homepages größer waren als alle Seiten einer ganzen Zeitung zusammen. Complex, Table ist in dieser Hinsicht sehr praktisch. Durch die Kombination von Colspan und Rollspan können Sie nahezu jedes komplexe Layout erstellen.
Dieser Layoutstil war Anfang der 2000er und bis in die Mitte der 2000er Jahre noch sehr beliebt, insbesondere in China. Unter dem Unterbewusstsein von Da Weimei stopfte man alles, was man auf eine Seite packen konnte, wie eine Haushälterin In der alten Zeit kann zwar nicht alles geordnet werden, aber zumindest ist es in der gleichen Reihenfolge angeordnet. Mit dem Aufkommen von Suchfunktionen, RSS-Abonnements und personalisierten Webs wie Blogs hat diese Art von Web jedoch endlich den Punkt erreicht, an dem die Menschen mehr Kanäle haben, um Informationen zu erhalten, ohne die wenigen Websites besuchen zu müssen, die fast notwendig sind . Auf der Homepage des schwächeren Portals erschien ein frischer, leichter Webstil mit einem einfacheren Layout, helleren Farben, großen Symbolen, großen Bannern und gleichzeitig besser lesbaren großen Schriftarten , CSS war bereits sehr ausgereift und Browser wie Firefox, Opera und Safari entsprachen den W3C-Standards weitaus besser als der IE. Endlich erkannten die Leute die Leistungsfähigkeit von CSS. Da der Kern von CSS vom Layout her ein Box-Modell ist, müssen Benutzer ein Containerobjekt finden, an das CSS angehängt werden kann.
Div ist der glücklichste, weil es semantisch der beste Prototyp von Box ist. Im Aussehen ist es nicht wie <P> oder <a> gegebene spezielle Semantik im Voraus (obwohl sie auch im Box-Modell verwendet werden kann); andererseits werden Nachfolger aus Hass auf die Tabelle, die eine aufgeblähte Ära regiert, am Ende einer Ära hart daran arbeiten, die alten zu löschen . Spuren der Zeit, das Schicksal dieser Symbole oder Vertreter der alten Zeit sind meist so, dass die Menschen sie nicht einfach vergessen, sondern eine klare Grenze zwischen ihnen ziehen.
Hier beginnt die ganze unfaire Behandlung von Table. Warum ist es unfair? Wenn das W3C kein Tabellenlayout empfiehlt, heißt es nur, dass stattdessen CSS verwendet werden sollte. Natürlich wird es unterstützt, und da Table ein altes HTML-Objekt ist und sein Status so wichtig war, bietet jeder Browser die perfekteste Unterstützung für Table, einschließlich CSS-Unterstützung. Wenn die Leute Div annehmen, scheinen sie zu vergessen, dass Table auch eine Box ist, und dass es sich um eine Box mit mehreren inneren Zellen handelt. Die Tabelle als Ganzes unterscheidet sich in Bezug auf das Box-Modell und ihre inneren Zellen nicht von Div, mit Ausnahme von Margin. Es handelt sich immer noch um eine Box, und die innere Box enthält nicht das Konzept der Marge, das verstanden werden sollte. Unnötig zu erwähnen, dass Div ausgezeichnet ist. Wenn die Leute jedoch Div + CSS sagen, bedeutet dies anscheinend, dass Table kein CSS verwenden kann.
Alle von Div unterstützten CSS-Eigenschaften werden von Table unterstützt. Bevor Div populär wurde, sagten die frühen Anwender von Div einst mit wenig Zuversicht, dass Div es auch kann, und sie haben auch für ihre Worte bezahlt Angesichts des Preises werden Leute, die versuchen, eine vertikale Zentrierung in Divs zu erreichen, verstehen, was ich meine, und Leute, die versuchen, 100 % Div-Layout in IE6 ohne CSS-Hack zu erreichen, werden noch besser verstehen, was ich meine. 100 % Höhenproblem, Breitenanpassungsproblem zwischen mehreren Divs. Ich glaube, jeder, der sich mit Div + CSS-Design beschäftigt, wird darauf stoßen. Der Vorteil von Table liegt in dieser Hinsicht nicht darin, wie hervorragend es ist, sondern darin, dass es alt ist und kein Browser es wagt, es zu ignorieren. Es liegt auch an seinen ursprünglichen Eigenschaften. Die Leute haben Tabellen erfunden, weil sie wollen, dass die Daten ordentlich angezeigt werden . So einfach ist das. Doch warum erlangte Table später so viel Bekanntheit? Div-Befürworter werfen Table lediglich Folgendes vor.
Der Code ist aufgebläht: Sie müssen mindestens drei Tags <table><tr><td> schreiben, bevor Sie mit dem eigentlichen Inhalt beginnen können. Darüber hinaus enthalten die verschiedenen Tags von Table auch komplexe Attributdefinitionen, während Div nur < div benötigt >ein Etikett.
Probleme mit der Seitenrenderingleistung: Der Browser muss die gesamte Tabelle vollständig lesen, bevor er mit dem Rendern beginnt.
Schlecht für SEO: Suchmaschinen mögen es, wenn Inhalte vom Polnischen getrennt werden.
Schlechte Zugänglichkeit: Bildschirmlesesoftware und Braille-Browser können den Inhalt der Tabelle nicht gut verstehen.
Nicht semantisch genug: Wir brauchen ein semantisches Web.
Artikel 1: Der Code ist aufgebläht.
Die einzigen Attribute in Table, die nicht mit CSS definiert werden können, sind Cellspacing und Cellpadding. Alle anderen Attribute können und sollten CSS verwenden <td> und <div>, ich glaube, dass bei einer Webseite, die leicht mehrere Dutzend K groß ist, der zusätzliche Code ignoriert werden kann, selbst wenn Dutzende von Tabellen verwendet werden. Wer sich über den aufgeblähten Tabellencode beschwert, sollte dies tatsächlich überprüfen Ihre Programmiergewohnheiten. Eine Person, die eine sehr aufgeblähte Tabelle schreiben kann, ist möglicherweise nicht so prägnant wie das Schreiben einer Div.
Artikel 2:
Ich verwende einen 2004er Laptop mit 1,6 GB CPU und 1 GB Speicher. Bei dieser Konfiguration kann ich keinen Geschwindigkeitsunterschied zwischen dem Tabellenlayout und dem Div-Layout erkennen Ist ein kleiner Unterschied, kann die Verzögerung relativ zum Netzwerk selbst ignoriert werden.
Artikel 3: Nicht förderlich für die Suchmaschinenoptimierung.
Wenn Sie, wie bereits erwähnt, möglichst häufig CSS anstelle von Tabellenattributen verwenden, wird der Unterschied zwischen dem generierten Code und Div nicht sehr groß sein Tag? Ich habe die Grundlage für diese Aussage bisher nicht gefunden.
Artikel 4: Schlechte Zugänglichkeit
Dies ist ein inhärenter Fehler von Table, aber die meisten Div + CSS-Fans scheinen Table aus diesem Grund nicht abzulehnen.
Artikel 5: Unzureichende Semantik.
Es ist nicht nur in Tabelle und Div verwickelt von Table. Leute, ihr könnt genauso gut auf HTML 5 warten, das ist die eigentliche Semantik.
Der Zweck dieses Artikels besteht nicht darin, Sie dazu zu bringen, Div aufzugeben und sich Table anzuschließen. Im Gegenteil, wenn Div Ihre Designanforderungen erfüllen kann, ist Div immer noch die erste Wahl, aber es besteht kein Grund, Table zu meiden, da es sonst zur Seite geht anderes Extrem. Viele Designs, die mit Div nicht einfach zu erreichen sind, können dennoch mit Table umgesetzt werden. Unabhängig davon, was verwendet wird, sollte natürlich CSS verwendet werden, um Inhalt und Dekoration zu trennen. Div + CSS und Table + CSS sind beide zulässige Designs. Verwenden Sie das einfachere Design. Wenn Sie meiner Erfahrung nach das Format Ihres Inhalts vorhersagen können und die volle Kontrolle über das Anzeigeformat des hinzuzufügenden Inhalts haben, sollten Sie Div + CSS verwenden, wenn der Inhalt, den Sie hinzufügen möchten, nicht festgelegt ist Sie können es nicht vorhersagen. Wenn Sie nicht möchten, dass die Seite zusammenbricht, ist die Verwendung von Tabelle + CSS aufgrund ihres Formats ein sicherer Ansatz.
Quelle dieses Artikels: COMSHARP CMS Autor: 35 Kilometer