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
Beispiele für die Verwendung von React Ref
Inhaltsverzeichnis Was ist ref So verwenden Sie r...
Das WeChat-Applet realisiert die Chatroom-Funktion
In diesem Artikel wird der spezifische Code des W...
Ideen und Praxis einer mehrsprachigen Lösung für ein Vue.js-Frontend-Projekt
Inhaltsverzeichnis 1. Welche Inhalte müssen üblic...
Analyse und Lösung der Ursache für den Verlust des Webseitenstils durch das automatische Ausfüllen von Formularen durch den Browser
Vom Backend zum Frontend: was für eine Tragödie. A...
Beispielcode von layim zum Integrieren des Rechtsklickmenüs in JavaScript
Inhaltsverzeichnis 1. Wirkungsdemonstration 2. Im...
Zusammenfassung ungewöhnlicher Operatoren und Operatoren in js
Zusammenfassung gängiger Operatoren und Operatore...
So veröffentlichen Sie statische Ressourcen in Nginx
Schritt Platzieren Sie die vorbereiteten statisch...
Verwendung des LRU-Algorithmus in der in Vue integrierten Komponente „Keep-Alive“
Inhaltsverzeichnis Auch die Verwendung der integr...
Detaillierte Erläuterung der Installation und Verwendung von Crontabs für geplante Linux-Aufgaben
Crontab installieren yum install crontabs CentOS ...
Flexibles Boxmodell von CSS und CSS3 zur Anpassung der Elementbreite (-höhe)
1. CSS realisiert eine feste Breite links und ein...
Eine kurze Analyse der Verwendung von JDBC zum Betreiben von MySQL erfordert das Hinzufügen von Class.forName("com.mysql.jdbc.Driver")
Einführung Wenn Sie mit der Verwendung von JDBC z...
Windows CVE-2019-0708: Problem bei der Reproduktion der Sicherheitslücke bei der Codeausführung auf Remotedesktop
1. Beschreibung der Schwachstelle Am 15. Mai 2019...
So übermitteln Sie eine reine HTML-Seite, übergeben Parameter und überprüfen die Identität
Da das Projekt einen Fragebogen erfordert, der Kun...
Führen Sie die Schritte aus, um schnell ein Vue3.0-Projekt zu erstellen
Inhaltsverzeichnis 1. Wir müssen sicherstellen, d...
JavaScript-Grundlagenoperatoren
Inhaltsverzeichnis 1. Betreiber Zusammenfassen 1....