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
So sichern und wiederherstellen Sie die MySQL-Datenbank, wenn sie zu groß ist
Befehl: mysqlhotcopy Dieser Befehl sperrt die Tab...
Die umfassendsten 50 Mysql-Datenbankabfrageübungen
Diese Datenbankabfrageanweisung ist eine von 50 D...
So speichern Sie Text und Bilder in MySQL
Große Textdatentypen in Oracle Clob-Langtexttyp (...
Bringen Sie Ihnen bei, wie Sie die Zeigerposition in Javascript erhalten
Die Methode zum Abrufen der Zeigerposition in Jav...
Detaillierte Erklärung der Methode getBoundingClientRect() in js
1. getBoundingClientRect() Analyse Die Methode ge...
Vue+openlayer5-Methode zum Abrufen der Koordinaten des aktuellen Mauszeigers
Vorwort: Wie erhält man die Koordinaten der aktue...
Docker stop stoppt/remove löscht alle Container
In diesem Artikel wird hauptsächlich das Stoppen/...
Grafisches Tutorial zur Installation und Aktivierung von VMware Workstation 14 Pro
In diesem Artikel erfahren Sie alles über die Ins...
Details zu Linux-Dateideskriptoren, Dateizeigern und Inodes
Inhaltsverzeichnis Linux - Dateideskriptor, Datei...
Umfassende Übersicht über die verschiedenen Abhörmethoden von Vue3.0
Inhaltsverzeichnis Hörer 1.Uhreneffekt 2.Uhr 1.1 ...
Schritte zum Übertragen des neuen Kernels auf das Linux-System
1. Laden Sie das Ubuntu16.04-Image und den entspr...
Neuer Ansatz zum Umschalten der Tab-Leiste mit zwei Auswahlmöglichkeiten in Vue
Problembeschreibung Wenn wir an einem Projekt arb...
Lösung für das Problem von var in einer for-Schleife
Vorwort var ist eine Möglichkeit, Variablen in ES...
Detaillierte Erläuterung der Verwendung des Synchronisierungsmodifikators bei der Parameterübertragung von übergeordneten und untergeordneten Komponenten in Vue3
Inhaltsverzeichnis Erläuterung des unidirektional...
Detaillierte Beschreibung des komponentenbasierten Front-End-Entwicklungsprozesses
Hintergrund <br />Studenten, die am Front-En...