Beispiel
Im folgenden Beispiel werden zwei der <th> Elemente wie Überschriften für Spalten und zwei der <td> Elemente wie Überschriften für die Zeilen:
<table>
<tr>
<th></th>
<th scope="col">Month</th>
<th scope="col">Savings</th>
</tr>
<tr>
<td scope="row">1</td>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td scope="row">2</td>
<td>February</td>
<td>$80</td>
</tr>
</table>
Versuch es selber " Definition und Verwendung
Die <td> scope - Attribut wird nicht in HTML5 unterstützt.
Der scope Attribut definiert einen Weg , Kopfzellen und Datenzellen in einer Tabelle zu verknüpfen.
Der scope Attribut gibt an, ob eine Zelle einen Header für eine Spalte, Zeile oder Gruppe von Spalten oder Zeilen.
Browser-Unterstützung
| Attribut | |||||
|---|---|---|---|---|---|
| scope | ja | ja | ja | ja | ja |
Der scope Attribut hat keinen visuellen Effekt in gewöhnlichen Web - Browser, sondern kann von einem Screen Reader verwendet werden.
Syntax
<td scope="col|row|colgroup|rowgroup">
Werte Attribut
| Wert | Beschreibung |
|---|---|
| col | Gibt an, dass die Zelle einen Header für eine Spalte ist |
| row | Gibt an, dass die Zelle einen Header für eine Zeile ist |
| colgroup | Gibt an, dass die Zelle ein Header für eine Gruppe von Spalten ist, |
| rowgroup | Gibt an, dass die Zelle ein Header für eine Gruppe von Reihen ist, |