HTML5-Handbuch - die neuen Features von HTML5

oder Zeilen eine zusätzliche Überschrift hinterlegen. Diese alternative Überschrift wird von grafischen Browsern ignoriert. Sie kann jedoch von Screenreadern herangezogen werden, um Benutzern, die eine Tabelle vorgelesen bekommen, eine zusätzliche Orientierungshilfe zu bieten.
Beispiel
    
    
    
    
    
    
    
    
    
    
    
    
    
    

	Berlin	Hamburg	München
Januar	10,0 mm	64,4 mm	48,0 mm

Erläuterung
    Das Beispiel zeigt eine typische sogenannte Kreuztabelle. Sowohl Spalten als auch Zeilen haben dabei eine anfängliche Kopfzelle, und die Werte der Datenzellen beziehen sich jeweils auf die zugehörige Spaltenkopfzelle als auch auf die zugehörige Zeilenkopfzelle.
    Mit Hilfe des Attributs abbr im Start-Tag einer Tabellenkopfzelle (

) können Sie Text einfügen, der von Web-Clients je nach Bedarf oder Einstellung des Benutzers mit ausgegeben wird oder nicht.
Weitere Hinweise
    Dieses Attribut gehörte bereits in HTML 4.01 zum Standard und war dort sowohl in Kopf- als auch in Datenzellen erlaubt. In HTML5 wurde das Attribut zunächst verworfen, später jedoch wieder eingeführt, mit der Beschränkung auf Kopfzellen.
Referenzinformationen
    Attributreferenz
abbr
:

5.2.2      Expliziter Kopfzellenbezug
    Für nicht-visuelle Ausgabemedien, etwa für Sprachausgabesysteme, können Sie bestimmen, dass bei der Ausgabe einer Datenzelle ein expliziter Bezug zu einer oder mehreren Kopfzellen hergestellt wird. Das System kann den Inhalt der Kopfzelle(n) dann bei der Datenzelle wiederholen. Dabei gibt es zwei Möglichkeiten:
•   In Datenzellen auf Kopfzellen Bezug nehmen. Diese Möglichkeit ist geeignet, wenn Sie nur in einzelnen Datenzellen einen Kopfzellenbezug herstellen möchten.
•   In Kopfzellen den Bezug für abhängige Datenzellen definieren. Diese Möglichkeit ist geeignet, wenn Sie einen durchgängigen Kopfzellenbezug herstellen möchten.
Beispiel 1: In Datenzellen auf Kopfzellen Bezug nehmen
    
    
    
    
    
    
    
    
    
    
    
    

Berlin	Hamburg	München
Buletten	Frikadellen	Fleischpflanzerl

Beispiel 2: In Kopfzellen den Bezug für abhängige Datenzellen definieren
    
    
    
    
    
    
    
    
    
    
    
    

Berlin	Hamburg	München
Buletten	Frikadellen	Fleischpflanzerl

Erläuterung
    Um Bezüge zwischen Datenzellen und Kopfzellen nach Beispiel 1 herzustellen, müssen Sie für die Kopfzellen mit dem globalen Attribut
id
individuelle Namen vergeben (im obigen Beispiel
Stadt_1
,
Stadt_2
und
Stadt_3
). Innerhalb einer Datenzelle können Sie dann mit dem Attribut
headers
auf Kopfzellen Bezug nehmen ( headers = Kopfzellen). Als Wert wird dem Attribut der ID-Name der gewünschten Kopfzelle zugewiesen. Im obigen Beispiel 1 könnte ein Sprachausgabesystem durch den Bezug also etwa ausgeben: »Berlin ist gleich Buletten« .
    Um Bezüge zwischen Datenzellen und Kopfzellen nach dem obigen Beispiel 2 herzustellen, müssen Sie in den Kopfzellen das Attribut
scope
notieren ( scope = Geltungsbereich). Dabei sind folgende Angaben erlaubt:
•   
scope="col"
ist für Spaltenüberschriften gedacht und bedeutet, dass der Inhalt der Kopfzelle bei allen Zellen dieser Spalte wiederholt wird (col = column = Spalte).
•   
scope="row"
ist für Zeilenüberschriften (z. B. links als erste Tabellenspalte) gedacht und bedeutet, dass der Inhalt der Kopfzelle bei allen Zellen dieser Zeile wiederholt wird ( row = Zeile).
•   
scope="colgroup"
ist für Spaltenüberschriften von Spaltengruppen gedacht und bedeutet, dass der Inhalt der Kopfzelle bei allen Zellen aller Spalten der Spaltengruppe wiederholt wird (colgroup = column group = Spaltengruppe). Voraussetzung ist, dass Spaltengruppen mit Hilfe von

vordefiniert werden.
•   
scope="rowgroup"
ist für Spaltenüberschriften von Zeilengruppen gedacht und bedeutet, dass der Inhalt der Kopfzelle bei allen Zellen aller Zeilen der Zeilengruppe wiederholt wird ( row group = Zeilengruppe). Voraussetzung ist, dass