Атрибут scope HTML тега <th>

HTML тег <th>

Значение и применение

Атрибут scope (HTML тега <th>) определяет набор ячеек данных для которых текущая заголовочная ячейка предназначена (столбец / строка / группа столбцов / группа строк / в зависимости от контекста). Применение атрибута не отображается в браузере, но может быть использовано, например, для чтения с экрана или в работе скриптов.

Поддержка браузерами

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
scopeДаДаДаДаДаДа

Синтаксис:

<th scope =  "col | colgroup | row | rowgroup | auto" >

Отличия HTML 4.01 от HTML 5

Нет.

Значения атрибута

ЗначениеОписание
colУказывает, что заголовочная ячейка относится ко всем ячейкам данных в столбце в котором она определена.
colgroupУказывает, что заголовочная ячейка относится ко всем ячейкам данных в группе столбцов, которую она охватывает.
rowУказывает, что заголовочная ячейка относится ко всем ячейкам данных в строке, в которой она определена.
rowgroupУказывает, что заголовочная ячейка относится ко всем ячейкам данных в группе строк, которую она охватывает.
autoНабор ячеек данных для которых текущая заголовочная ячейка предназначена определяется автоматически (в зависимости от контекста)

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Пример использования атрибута scope HTML тега <th></title>
</head>
<body>
	<table border = "1">
		<tr>
			<th rowspan = "4" scope = "rowgroup">Ячейка заголовка 1</th>  <!--  заголовочная ячейка относится ко всем ячейкам данных в группе строк, которую она охватывает (3 строки) -->
			<th scope = "col">Ячейка заголовка 2</th>  <!-- заголовочная ячейка относится ко всем ячейкам данных в столбце в котором она определена (ячейки данных 1 во всех строках) -->
			<th colspan = "2" scope = "colgroup">Ячейка заголовка 3</th>  <!-- заголовочная ячейка относится ко всем ячейкам данных в группе столбцов, которую она охватывает (2 последних столбца) -->
		</tr> 
		<tr> 
			<td>Яч. данных 1 (строка 1)</td>
			<td>Яч. данных 2 (строка 1)</td>
			<td>Яч. данных 3 (строка 1)</td>
		</tr>
		<tr> 
			<td>Яч. данных 1 (строка 2)</td>
			<td>Яч. данных 2 (строка 2)</td> 
			<td>Яч. данных 3 (строка 2)</td> 
		</tr>
		<tr>
			<td>Яч. данных 1 (строка 3)</td>
			<td>Яч. данных 2 (строка 3)</td> 
			<td>Яч. данных 3 (строка 3)</td>
		</tr>
	</table>
</body>
</html>

В браузере это выглядит следующим образом:

Пример использования атрибута scope HTML тега <th> (определяет каким ячейкам данных соответствует заголовочная ячейка).
Пример использования атрибута scope HTML тега <th> (определяет каким ячейкам данных соответствует заголовочная ячейка).
HTML тег <th>