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 verwenden Sie den Linux-Befehl whatis
01. Befehlsübersicht Der Befehl whatis sucht in e...
Schritte zum Öffnen des MySQL-Binlogs
Binlog ist eine binäre Protokolldatei, die zum Au...
Docker verwendet Busybox, um ein Basis-Image zu erstellen
Die erste Zeile eines Docker-Images beginnt mit e...
Tutorial zur Installation des Nginx-RTMP-Streaming-Servers unter Ubuntu 14
1. RTMP Das RTMP-Streaming-Protokoll ist ein von ...
Ubuntu kompiliert Kernelmodule und der Inhalt wird im Systemprotokoll angezeigt
Inhaltsverzeichnis 1.Linux-Anmeldeschnittstelle 2...
Zusammenfassung von 10 erweiterten Tipps für Vue Router
Vorwort Vue Router ist der offizielle Routing-Man...
Ein Beispiel für die dynamische Implementierung verschiedener Datenstile in einer Spalte der el-Tabelle des Elements ui
Problembeschreibung Im Rahmen der Ele.me-Benutzer...
Zählen Sie die Listen-Tags in HTML
1. <dl> definiert eine Liste, <dt> de...
Detaillierte Erläuterung des MySQL Multi-Version Concurrency Control Mechanism (MVCC)-Quellcodes
Inhaltsverzeichnis 1. Einleitung 2. MVCC (Multi-V...
So verwenden Sie nginx, um eine angegebene Schnittstelle (URL) zu blockieren
1. Einleitung Manchmal müssen Sie eine Servicesch...
So implementieren Sie mit MyCat die Lese-/Schreibtrennung von MySQL-Master und -Slave unter Linux
Inhaltsverzeichnis Linux - Verwenden Sie MyCat, u...
Erstellen eines Image-Servers mit FastDFS unter Linux
Inhaltsverzeichnis Serverplanung 1. Systemkompone...
So bereinigen Sie Daten in einer MySQL-Onlinedatenbank
Inhaltsverzeichnis 01 Szenarioanalyse 02 Funktion...
Implementierung von webpack-dev-server zum Erstellen eines lokalen Servers
Inhaltsverzeichnis Vorwort Webpack-Deb-Server Sta...
vue + ts realisiert den Effekt des Ziehens von Elementen mit der Maus
In diesem Artikelbeispiel wird der spezifische Co...