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
VMware12 installiert die Desktopversion von Ubuntu19.04 (Installations-Tutorial)
1. Versuchsbeschreibung Installieren Sie in der v...
Analyse der Unterschiede zwischen Mysql InnoDB und MyISAM
MySQL unterstützt viele Arten von Tabellen (d. h....
Der Prozess des Aufbaus einer Lampenarchitektur durch einen Docker-Container
Inhaltsverzeichnis 1. Ziehen Sie das Centos-Image...
Detaillierte Erklärung der grundlegenden Typen von TypeScript
Inhaltsverzeichnis Boolescher Typ Nummerntypen Ze...
Beschreiben Sie kurz den Unterschied zwischen MySQL und Oracle
1. Oracle ist eine große Datenbank, während MySQL...
Verwenden Sie Tomcat, um das SpringBoot-War-Paket in einer CentOS-Umgebung bereitzustellen
Kriegspaket vorbereiten 1. Bereiten Sie das vorha...
Stellen Sie die Grafana+Prometheus-Konfiguration mit Docker bereit
docker-compose-monitor.yml Version: '2' N...
Detaillierte Erklärung von sechs mit JavaScript implementierten Karusselleffekten für Webseitenbilder
Inhaltsverzeichnis 1. Wenn die Maus über das Karu...
Vue-Anweisungen für benutzerdefinierte V-HAS, Schritte zur Beurteilung der Schaltflächenberechtigung
Inhaltsverzeichnis Anwendungsszenario Einfach aus...
Lösung für das Problem der adaptiven Höhe und Breite der CSS-Anzeigetabelle
Definition und Verwendung Die Anzeigeeigenschaft ...
Hinweise zur Adresszuordnung von Gerätetreibern im Linux-Kernel
#include <asm/io.h> #define ioremap(Cookie,...
Docker+Gitlab+Jenkins erstellt automatisierte Bereitstellung von Grund auf
Inhaltsverzeichnis Vorwort: 1. Docker installiere...
Hintergrundbild-Cache unter IE6
Fehler beim Flackern des CSS-Hintergrundbilds in ...
Analyse des Prozesses zur Konfiguration einer einfachen Netzwerkumgebung basierend auf der Sprache Tcl
1. Tcl-Skriptdatei circle.tcl Codekommentare #Leg...
Detaillierte Erläuterung zur Konfiguration des externen Tomcat-Servers in HBuilderX zum Anzeigen und Bearbeiten der JSP-Schnittstelle
1. Die erste Methode besteht darin, den lokalen T...