Атрибут scope определяет способ связывания ячейки данных HTML таблицы с заголовками.
Данный атрибут указывает, является ли ячейка заголовком для колонки, строки или группы колонок или строк.
Атрибут scope для элемента <td> не поддерживается в HTML5.
Атрибут scope никак не отображается обычными браузерами и предназначен для использования речевыми браузерами.
Синтаксис атрибута
<td scope="col | row | colgroup | rowgroup">
Значения атрибута
Значение | Описание |
---|---|
col | Ячейка заголовка установлена для колонки |
row | Ячейка заголовка установлена для строки |
colgroup | Ячейка заголовка установлена для группы колонок |
rowgroup | Ячейка заголовка установлена для группы строк |
Пример использования атрибута
В следующем примере указывается, что два элемента <th> являются заголовками для колонок, а два элемента <td> — заголовки для строк:
<table>
<tr>
<th></th>
<th scope="col">Месяц</th>
<th scope="col">Сумма</th>
</tr>
<tr>
<td scope="row">1</td>
<td>Январь</td>
<td>$100</td>
</tr>
<tr>
<td scope="row">2</td>
<td>Февраль</td>
<td>$80</td>
</tr>
</table>