Атрибут scope

Описание

Связывает ячейки таблицы с заголовками в речевых браузерах. Похож на атрибут headers, но отличие в том, что scope для простых таблиц.

Синтаксис

<td scope='...'>...</td>
Значение Описание
col Ячейка заголовка установлена для колонки.
colgroup Ячейка заголовка установлена для группы колонок.
row Ячейка заголовка задана для строки.
rowgroup Ячейка заголовка установлена для группы строк.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<table border='1'>
 <tr> 
<td></td> 
<td scope='col'>Смартфон</td>
 <td scope='col'>Ноутбук</td> 
<td scope='col'>Телевизор</td> 
</tr> 
<tr>
 <td scope='row'>1</td> 
<td>15.000 ₽</td> 
<td>100.000 ₽</td> 
<td>45.000 ₽</td>
 </tr>
 </table>
</body>
</html>
Смартфон Ноутбук Телевизор
1 15.000 ₽ 100.000 ₽ 45.000 ₽