Атрибут scope связывает между собой ячейки с заголовком и обычные ячейки. По своему действию напоминает атрибут headers, но используется для простых таблиц. Атрибут предназначен для экранных ридеров вроде речевых браузеров, в обычных браузерах результат добавления scope никак не заметен.
Синтаксис
<th scope="col | colgroup | row | rowgroup">...</th>
Значения
- col
- Ячейка заголовка установлена для колонки.
- colgroup
- Ячейка заголовка установлена для группы колонок.
- row
- Ячейка заголовка задана для строки.
- rowgroup
- Ячейка заголовка установлена для группы строк.
Значение colgroup применяется в таблице, в которой используется элемент <colgroup> или при объединении ячеек с помощью атрибута colspan. Значение rowgroup требуется при объединении ячеек через атрибут rowspan.
Значение по умолчанию
Нет.
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>TH, атрибут scope</title>
<style>
table {
border: 1px solid #333; /* Параметры рамки */
width: 100%; /* Ширина таблицы */
}
</style>
</head>
<body>
<table>
<tr>
<th scope="col">№</th>
<th scope="col">Месяц</th>
<th scope="col">Заработано</th>
</tr>
<tr>
<td>1</td>
<td>Январь</td>
<td>152</td>
</tr>
<tr>
<td>2</td>
<td>Февраль</td>
<td>176</td>
</tr>
<tr>
<td>3</td>
<td>Март</td>
<td>244</td>
</tr>
</table>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.