HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis

Vom Netzwerk:

vergleichbares
Charakteristikum.

    Berlin
    Hamburg
    München


    Miljöh
    Kiez
    Bierdampf


    Buletten
    Frikadellen
    Fleischpflanzerl


Erläuterung
    Ein Titelbereich für die Tabellenbeschriftung bzw. die Legende zur Tabelle wird durch

…

markiert. Wenn Sie dieses Element verwenden, muss es das erste Element direkt hinter dem einleitenden

-Tag sein. Erst daran anschließend sind Elemente wie
colgroup
,
thead
,
tfoot
,
tbody
oder
tr
erlaubt.
    Der Inhalt des
caption
-Elements kann Text und so ziemlich alle anderen Dokumentkörperelemente mit Ausnahme von
table
enthalten. Im obigen Beispiel enthält der Bereich einen Textabsatz mit einem einführenden Lesarthinweis.
    Bild 5.4: Darstellung einer Tabelle mit einem Rahmen und einer Tabellenbeschriftung
Weitere Hinweise
    Durch die Notationsvorschrift, ein
caption
-Element zu Beginn der Tabelle zu notieren, entsteht der häufige Wunsch, eine Tabellenunterschrift anstelle einer Tabellenüberschrift zu definieren. Das früher übliche Attribut

, das diesen Zweck erfüllt, ist in HTML5 nicht mehr vorgesehen, weil es physisches Markup ist. Mit der CSS-Eigenschaftszuweisung

erreichen Sie das gleiche Ziel, allerdings nicht in älteren Browsern. Deshalb sei das
align
-Attribut an dieser Stelle noch erwähnt.
Wenn Sie einfach eine Tabellenbeschriftung im Stil einer Tabellenunterschrift wünschen, zum Beispiel für Inhalte der Art
Tabelle 5.2: Äpfel und Birnen im Vergleich
, dann ist es sinnvoller, dafür das
figure
-Element von HTML5 zu verwenden. Dieses Element wird bei 4.2.7 Abbildungen genauer beschrieben.
    Per Default stellen Browser den Inhalt des
caption
-Elements meist zentriert dar. Verwenden Sie CSS bzw. geeignete CSS-Eigenschaften, um diese Voreinstellung nach Wunsch zu überschreiben und weitere Formatierungen für die Tabellenbeschriftung zu erzwingen.
Referenzinformationen
    Elementreferenz

:

5.1.5      Tabellenzellen verbinden
    Sie können:
•   mehrere Zellen innerhalb einer Zeile verbinden, sodass sich eine Spalte in dieser Zeile über mehrere Spalten hinweg erstreckt,
•   mehrere Zellen in einer Spalte verbinden, sodass sich eine Zeile in dieser Spalte über mehrere Zeilen hinweg erstreckt,
•   Zellen definieren, die sich gleichzeitig über mehrere Zeilen und Spalten hinweg erstrecken.
Beispiel 1

Zoologie

Die Menschheit besteht aus
Eseln	Affen

Beispiel 2

Zoologie (II)

Die Eselheit besteht aus	echten Eseln
Die Eselheit besteht aus	verkappten Eseln (Menschen)
Die Affenheit besteht aus	echten Affen
Die Affenheit besteht aus	verkappten Affen (Menschen)

Beispiel 3

Zoologie (III)

Der Mensch ist…		zum einen Teil ein Esel
Der Mensch ist…		zum anderen Teil ein Affe
weder ein richtiger Esel	noch ein richtiger Affe	menschlich, allzumenschlich

Erläuterung
    Durch das Attribut
colspan
erreichen Sie, dass sich eine Zelle über mehrere Spalten hinweg erstreckt (colspan = column span = Spalten spannen), so wie im obigen Beispiel 1. Im Attributwert geben Sie an, über wie viele Spalten inklusive der aktuellen Spalte sich die Zelle erstrecken soll.
    Mit dem Attribut
rowspan
erreichen Sie, dass sich eine Zelle in einer Spalte über mehrere Zeilen hinweg erstreckt (rowspan = Zeilen spannen ), so wie im obigen Beispiel 2. Im Attributwert geben Sie an, über wie viele Zeilen sich die Zelle erstrecken soll.
    Beide Attribute sind in den Elementen
td
(für Datenzellen) und
th
(für Kopfzellen) erlaubt. Um eine Zelle gleichzeitig über mehrere Spalten als auch über mehrere Zeilen zu erstrecken, müssen Sie in der betreffenden Tabellenzelle beide Attribute notieren, wie im Beispiel 3 gezeigt.
    Bild 5.5: Verbundene Tabellenzellen im Browser
Weitere Hinweise
    Die Angabe zu
colspan
ist nur wirksam, wenn die Tabelle mindestens so viele Spalten besitzt wie angegeben. Wenn Sie in einer Tabellenzeile eine Zelle beispielsweise über vier Spalten hinweg »spannen«, sollten Sie in den anderen