Wann verwendet man Tabellen und wann CSS (Erfahrungsaustausch)
|
Die Haupttextseite von TW hatte früher eine Breite von 850 Pixeln, um Benutzer mit kleinen Monitoren und niedriger Auflösung zu berücksichtigen. Da jetzt immer mehr Benutzer große Auflösungen verwenden, muss die Breite auf 950 Pixel geändert werden, um der Homepage gerecht zu werden. Weil bei der Erstellung der Seite vor zwei Jahren CSS-Layout verwendet wurde, wurden, obwohl es Hunderttausende von Haupttextseiten gab, nur eine CSS-Datei und einige zugehörige Bilder geändert und alles war anders. Hätte man das Tabellenlayout verwendet, wären die Folgen katastrophal gewesen … Vor einigen Jahren gab es im Internet eine Debatte über CSS-Layout und Tabellenlayout. Einige Leute waren anderer Meinung und dachten, dass CSS nur lästig, zeitaufwändig und mühsam sei. Einige Leute wurden vom anhaltenden IE6 zu Tode gefoltert und gaben das CSS-Layout schließlich auf. Dies bedeutet natürlich nicht, dass CSS Tabellen absolut überlegen ist. Tabellen und Divs haben ihre eigenen Merkmale. Dies bedeutet auch, dass sie unterschiedliche Wertorientierungen haben, was für Entwickler und Designer sehr wichtig ist. Ob das Layout sinnvoll, ausreichend skalierbar und effizient ist, hängt davon ab, ob Sie Tabellen und CSS sinnvoll für das Layout verwenden. Ich möchte Ihnen auf Grundlage meiner Erfahrung erklären, wann Sie Tabellen und wann Sie CSS verwenden sollten. 1. CSS-Layout sollte in den folgenden Situationen so oft wie möglich verwendet werden 1. Seiten mit vielen Aufrufen: wie etwa die Homepage. CSS hat wenige Codes, eine kompakte Struktur, schnelles Laden und kann die Seitenzugriffsgeschwindigkeit erheblich verbessern. Für wichtige Seiten wie die Homepage muss CSS für das Layout verwendet werden 2. Seiten, die Listen in einer Schleife anzeigen müssen, z. B. Listenseiten. Dies ist für den CEO von großem Nutzen und für Programmierer sehr hilfreich, um Programme zu verschachteln. 3. Wenden Sie dieselbe Vorlage auf Seiten an, beispielsweise auf die Haupttextseite. Sie können es anhand des oben angegebenen Beispiels sehen. 4.… 2. Wo ein Tisch benötigt wird 1. Bei komplexen Anzeigen und Werbeseiten, die nur einmal verwendet werden, bietet die Tabelle hinsichtlich der Kompatibilität mehr Vorteile als die Div-Tabelle. Für Seiten, die keiner Nachpflege bedürfen, verwenden Sie zunächst das Tabellenlayout. 2. Bei speziellen Seiten ist die Verwendung von CSS sehr frustrierend, da Sie die Informationen jederzeit erweitern und das Layout häufig ändern müssen. 3. Verschiedene Steuerteile wie Formulare auf anderen Seiten. 4.… Für echte Entwickler ist es tatsächlich das Wichtigste, die Vorteile dieser Lösung sinnvoll zu nutzen. Anstatt blind die eigenen technischen Fähigkeiten für die Entwicklungs- und Konstruktionsarbeiten zu bevorzugen bzw. unter Beweis zu stellen. Bei div können wir die flexiblen und klaren Architekturmerkmale voll ausspielen und mit der Genauigkeit von table zusammenarbeiten, um verschiedene komplexe Anforderungen zu erfüllen. |
<<: 7 Möglichkeiten, Elemente mit CSS vertikal zu zentrieren
>>: MySQL-Grundlagen - Kurzanleitung - Wissenszusammenfassung (mit Mindmap)
Artikel empfehlen
Vergleich mehrerer Beispiele zur Einfügungseffizienz in MySQL
Vorwort Aus beruflichen Gründen musste ich kürzli...
MySQL-Einschränkungstypen und Beispiele
Zwang Einschränkungen gewährleisten Datenintegrit...
Vollständige Schritte zum Klonen von CentOS und zur gemeinsamen Nutzung virtueller Linux-Maschinen
Vorwort Wenn ein Linux vollständig eingerichtet i...
Drei Beispiele für Unschärfe-Hintergrundeffekte mit CSS3
Beginnen wir nicht mit der Einleitung, sondern ko...
Lösung zum Anwenden von CSS3-Transformationen auf Hintergrundbilder
CSS-Transformationen sind zwar cool, wurden aber ...
Installation und Verwendung von Vue
Inhaltsverzeichnis 1. Vue-Installation Methode 1:...
Beispielanalyse für MySQL-Jointabelle und automatische ID-Inkrementierung
Wie schreibt man „join“? Wenn Sie „Left Join“ ver...
Einführung in die Installation von JDK unter Linux, einschließlich der Deinstallation von OpenJDK
1. OpenJDK anzeigen rpm -qa|grep jdk 2. Löschen S...
Ändern Sie die Dateiberechtigungen (Eigentum) unter Linux
Linux und Unix sind Mehrbenutzer-Betriebssysteme,...
So implementieren Sie die Fernzugriffskontrolle in Centos 7.4
1. SSH-Remoteverwaltung SSH ist ein sicheres Kana...
Asynchrone JS ES6-Lösung
Inhaltsverzeichnis Erste Verwendung der Callback-...
Beispiel für die Verwendung von CSS3 zum Erstellen eines animierten Pikachu-Hintergrundbilds
Text OK, als nächstes ist es Zeit, die Renderings...
Ausführliches Tutorial zur Installation von MySql 5.6.35 winx64
Hinweis: Beim Projektstart ist kein Fehler aufgru...
Zusammenfassung der drei Möglichkeiten zum Erstellen neuer Elemente
Erstens: über Text/HTML var txt1="<h1>...
Beispiele für optimistisches und pessimistisches Sperren in MySQL
Die Aufgabe der Parallelitätskontrolle in einem D...