Wie Erstellen von Tabellen in HTML5

Der primäre Auszeichnungs Container für Tabellen in HTML ist die Tabelle Element. Das heißt, Sie verwenden das Starttag den Beginn einer Tabelle zu bezeichnen, und fügen Sie das schließende Tag, es zu beenden.

Auch sind die Grundbausteine ​​für Tabellendaten in HTML die Tabellenzeile () und Tabellendaten () Elemente, wenn eine Tabelle so viele Zeilen besteht, da es Elemente (zuzüglich Kopf- oder Fußzeilen) und so viele Spalten wie die maximale Anzahl von Elementen in einem bestimmten Tabellenzeile.

Zwischen diesen Öffnen und Schließen-Tags können Sie die folgenden Elemente in dieser sehr interessanten und vorgeschrieben (in anderen Worten, vorgeschrieben), um zu finden:

  • Null oder Eins Elemente eine Beschriftung für einen Tisch (wenn es ein solches Element oder keine Beschriftung für die Tabelle, wenn es nicht vorhanden ist) zu definieren. Wenn es verwendet wird, muss ein Element folgen unmittelbar nach dem Starttag.

  • Null oder eine Spaltengruppe () Elemente Spalte Gruppierungen für die Tabelle (wenn es ein solches Element oder keine Spalte Gruppierungen, wenn das Element nicht vorhanden ist) zu definieren. Es muss nach jedem Element angezeigt werden, wenn eine vorhanden ist, und vor einem der folgenden Tabelle Elemente.

  • Null oder eine Tabellenüberschrift () Elemente Kopfteil für eine Tabelle zu definieren (wenn es ein solches Element ist, oder keine Tabellenabschnitt Überschrift, wenn das Element nicht vorhanden ist). Oft wird eine erste Tabellenzeile Überschrift erstreckt sich über die gesamte Breite des Tisches, die ganze Sache zu identifizieren, und die erste Kopfzeile wird durch eine zweite Reihe von einzelnen Überschriften für jede Spalte in der Tabelle gefolgt.

  • Null oder mehr Tabellenkörper ( ) Elemente eigentlichen Inhalt für die Tabelle zu identifizieren. Eine Tabelle kann mehrere Elemente haben, so ist es ungewöhnlich, in HTML, dass eine Tabelle nur einen Kopf haben, aber mehrere Körper!

  • Null oder eine Tabellenfuß () Informationen für die Unterseite eines Tisches bereitzustellen. Browser können, verwenden, und zu entscheiden, was (der Tabellenkörper, in der Regel) zu blättern, und was immer auf dem Bildschirm präsent zu verlassen.

    Die Tabelle Fußzeile ist ein Sonderfall, wenn es darum geht, wo in der Folge der Tabellen-Markup es erscheinen kann. Es kann immer zuletzt erscheinen in der Reihenfolge (wie es in dieser Liste), aber es kann auch direkt nach einem dieser Elemente erscheinen, die vorhanden sind (in dieser Reihenfolge):, und.

    Allerdings wäre es vor und Elemente erscheinen. In diesem speziellen Fall kann am Ende der Tabelle nicht erscheinen. Nicht erlaubt!

  • Wenn es keinen Element vorhanden (Das würde normalerweise den Tabellenkörper in einer Tabelle definieren mit einem definierten Tabellenkopf und möglicherweise auch eine Fußbereich), die Tabellenzeile () Element definiert Zeilen für die Daten, die die Tabelle tatsächlich präsentiert. In jeder Tabellenzeile sind so viele Tabellendaten () Elemente, wie es Zellen in dieser Reihe sind.

Da HTML-Tabelle Syntax und Markup-Reihenfolge kann schwierig und kompliziert sein, es ist noch mehr wert als üblich alle Ihre Tabellen-Markup durch die laufen W3C Markup Validation Service um sicherzustellen, dass es korrekt ist.

Die Struktur einer HTML-Tabelle ist leichter zu verstehen, wenn wir es durch die Verwendung Basiscontainer Markup nur repräsentieren, mit einigen hoffentlich aufschluss Kommentare, etwa so:

Einfach Tabelle Markup Struktur und Sequenz
Tabelle 6-1: HTML Markup Struktur und Sequenz
ElementBeschreibung