Basierend auf einigen meiner jüngsten Praktiken und nachdem ich mit einigen Lesern über die Verwendung von HTML-Tabellen gesprochen habe, habe ich beschlossen, diesen Artikel zu schreiben. Generell ist mir aufgefallen, dass sie aufgrund irreführender Informationen eine vorgefasste Abneigung gegen die Verwendung von Tabellen hegen. Tatsächlich werden viele Leute sagen: „Ich sehe, dass Tabellen niemals verwendet werden sollten“, aber das ist absolut falsch! Dieser Vorschlag gilt nur für die Verwendung von HTML-Tabellen zum Definieren des Layouts einer Webseite. Tabellen eignen sich jedoch perfekt zum bequemen Anordnen von Zeilen und Spalten mit Dateninformationen. Wenn Sie tabellarische Daten auf einer Seite anzeigen müssen, müssen Sie sie verwenden! Warum nicht? Allerdings ignorieren manche Leute in diesem Fall die Existenz bestimmter HTML-Tags für Tabellen und wissen nicht, wie man sie richtig verwendet.
HTML verfügt über 10 tabellenbezogene Tags. Nachfolgend finden Sie eine Liste mit einer Einführung. Zunächst muss das Dokument jedoch ordnungsgemäß unter HTML 4.01/XHTML 1 oder HTML 5 definiert werden:
<caption> definiert den Tabellentitel (4, 5)
<col> definiert Attribute für Tabellenspalten (4, 5)
<colgroup> definiert die Gruppierung der Tabellenspalten (4, 5)
<table> definiert Tabelle(4, 5)
<tbody> definiert den Tabellenkörper (4, 5)
<td> definiert eine Zelle (4, 5)
<tfoot> definiert die Fußnote (unten) der Tabelle (4, 5)
<th> definiert den Kopf der Tabelle (4, 5)
<thead> definiert den Header der Tabelle (4, 5)
<tr> definiert die Zeilen der Tabelle (4, 5)
Eine grundlegende Tabellenstruktur ist wie folgt:
Es enthält einen Titel, eine Kopfzeile, einen Hauptteil und eine Fußzeile. Die richtige Reihenfolge der HTML-Elemente ist:
<Tabelle>
<Bildunterschrift>
<thead>
<tfoot>
<tbody>
Sie können <col> und <colgroup> auch verwenden, um Tabellenspalten oder Gruppenspalten zu definieren:
<Tabelle>
<Bildunterschrift>
<colgroup>
<col>
<thead>
<tfoot>
<tbody>