HTML <td> scopeAttribut
Beispiel
Das folgende Beispiel kennzeichnet die beiden <th>-Elemente als Spaltenüberschriften und die beiden <th>-Elemente als Zeilenüberschriften:
<table border="1">
<tr>
<th></th>
<th scope="col">Monat</th>
<th scope="col">Ersparnisse</th>
</tr>
<tr>
<td scope="row">1</td>
<td>Januar</td>
<td>$100</td>
</tr>
<tr>
<td scope="row">2</td>
<td>Februar</td>
<td>$80</td>
</tr>
</table>
<tr>
<th></th>
<th scope="col">Monat</th>
<th scope="col">Ersparnisse</th>
</tr>
<tr>
<td scope="row">1</td>
<td>Januar</td>
<td>$100</td>
</tr>
<tr>
<td scope="row">2</td>
<td>Februar</td>
<td>$80</td>
</tr>
</table>
Selbst ausprobieren »
Browser-Unterstützung
![]()
![]()
![]()
![]()
![]()
Das scope-Attribut hat in gewöhnlichen Webbrowsern keine visuelle Wirkung, kann aber von Screenreadern verwendet werden.
Definition und Verwendung
HTML5 unterstützt das scope-Attribut von <td> nicht.
Das scope-Attribut definiert eine Methode, um Kopfzellen mit Datenzellen in einer Tabelle zu verknüpfen.
Das scope-Attribut gibt an, ob eine Zelle eine Kopfzelle für eine Spalte, Zeile, Spaltengruppe oder Zeilengruppe ist.
Syntax
<td scope="col|row|colgroup|rowgroup">
Attributwerte
| Wert | Beschreibung |
|---|---|
| col | Gibt an, dass die Zelle eine Kopfzelle für eine Spalte ist. |
| row | Gibt an, dass die Zelle eine Kopfzelle für eine Zeile ist. |
| colgroup | Gibt an, dass die Zelle eine Kopfzelle für eine Spaltengruppe ist. |
| rowgroup | Gibt an, dass die Zelle eine Kopfzelle für eine Zeilengruppe ist. |
HTML <td>-Tag Andere Erweiterungen