Vor- und Nachteile des Tabellenlayouts und warum es nicht empfohlen wird
|
Nachteile von Tabellen 1. Tabellen nehmen mehr Bytes ein als andere HTML-Tags. (Verzögert die Downloadzeit und beansprucht mehr Verkehrsressourcen des Servers.) 2. Tablle blockiert die Rendering-Reihenfolge der Browser-Rendering-Engine. (Dadurch wird die Seitengenerierung verzögert und der Benutzer muss länger warten.) 3. Wenn Sie Bilder in einer Tabelle anzeigen, müssen Sie ein einzelnes, logisches Bild in mehrere Bilder aufteilen. (Erhöht die Designkomplexität, verlängert die Seitenladezeit und erhöht die Anzahl der HTTP-Sitzungen.) 4. In einigen Browsern kann es beim Kopieren von Text in der Tabelle zu Problemen kommen. (Das wird die Benutzer verärgern.) 5. Die Tabelle beeinträchtigt die Wirksamkeit einiger ihrer internen Layoutattribute (z. B. die Höhe: 100 % des Elements in <td>) (dies schränkt Ihre Gestaltungsfreiheit für die Seite ein.) 6. Wenn Sie CSS erst einmal gelernt haben, werden Sie feststellen, dass die Verwendung von Tabellen für das Seitenlayout schwieriger wird. (Nehmen Sie sich die Zeit, zunächst etwas CSS zu lernen. Das wird Ihnen später viel Zeit sparen.) 7. Die Tabelle ist für das Seitenlayout semantisch falsch. (Es beschreibt die Präsentation, nicht den Inhalt.) 8. Tabellencode macht Leser verrückt. (Sie können nicht nur kein CSS verwenden, sondern sind auch verwirrt) 9. Sobald die Tabelle entworfen ist, ist sie tot und es ist schwierig, ihr durch CSS ein neues Aussehen zu geben. Vorteile von Tabellen In manchen Situationen ist die Verwendung von „Tabelle“ absolut angemessen, richtig und richtig. Beispielsweise ist es völlig richtig, das Wort „table“ zu verwenden, um eine Tabelle zu erstellen. Wenn Sie sich nicht entscheiden können, ob Sie eine Tabelle verwenden sollten, sehen Sie sich die oben genannten Punkte an und ich glaube, Sie werden die Antwort finden. |
<<: Detaillierte Erklärung der Rahmen- und Regelattribute der Tabelle in HTML
>>: Detaillierter Installationsprozess von Jenkins unter Linux
Artikel empfehlen
Detaillierte Erläuterung des Replikationskonfigurationsbeispiels zwischen MySQL-Containern
Hintergrund Letzte Woche hat das Unternehmen eine...
Detaillierte Erläuterung des Fehlerproblems der Case-When-Anweisung
Vorwort In der MySQL-Datenbank verwenden wir manc...
mysql5.7.17 Installations- und Konfigurationsbeispiel auf einem 64-Bit-System von win2008R2
123WORDPRESS.COM hat Ihnen den Installationsproze...
10 hervorragende Web-UI-Bibliotheken/Frameworks
1. IT Mill-Toolkit IT Mill Toolkit ist ein Open-S...
Einige Möglichkeiten zur Lösung des Problems des in Jenkins integrierten Docker-Plugins
Inhaltsverzeichnis Hintergrund Frage 1 Fehler 2 F...
Mehrere Möglichkeiten zum Wechseln zwischen Vue Tab und Cache-Seiten
Inhaltsverzeichnis 1. So wechseln Sie 2. Register...
Beispielcode für horizontales Balkendiagramm von Echarts Bar
Inhaltsverzeichnis Horizontales Balkendiagramm Da...
Detaillierte Erklärung des Vue-Mixins
Inhaltsverzeichnis Lokales Mixin Globale Mixins Z...
MySQL Community Server 5.7.19 Installationshandbuch (detailliert)
Link zum Download der ZIP-Datei auf der offiziell...
Der Unterschied zwischen Div und Tabelle in Geschwindigkeit, Laden, Webanwendung usw.
1: Unterschiede bei Geschwindigkeit und Lademethod...
Detailliertes Tutorial-Diagramm zur Installation der dekomprimierten Version von MySQL5.7.21
Da ich das System häufig installiere, muss ich na...
Was sind MySQL-Dirty-Pages?
Inhaltsverzeichnis Schmutzige Seiten (Speichersei...
WeChat-Applet: benutzerdefinierter TabBar-Schrittdatensatz
Inhaltsverzeichnis 1. Einleitung 2. Passen Sie de...
MySQL- und SQLYog-Installationstutorial mit Bildern und Text
1. MySQL 1.1 MySQL-Installation mysql-5.5.27-winx...
Hilfe zum Webdesign: Datenreferenz für Web-Schriftgrößen
<br />Der Inhalt wurde aus dem Internet repr...