HTML-тег <th>

Характеристики

• Тип: блочный, статичный, семантический
• Назначение: Представляет ячейку заголовка в таблице.
• Родители: Элемент <tr>.
• Потомки: Текст и любые строчные HTML-теги.
• Глобальные атрибуты: все
• Атрибуты событий: все

Атрибуты

• scope — определяет область, на которую распространяется заголовок (col, row, colgroup, rowgroup).
• abbr — сокращение заголовка ячейки.

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

<tr>
  <th id="myHeader" scope="col">Заголовок</th>
  <td>Данные</td>
</tr>

Использование в JavaScript

// Получение заголовка по ID
const header = document.getElementById('myHeader');

// Изменение содержимого
header.innerHTML = 'Новый заголовок';

// Добавление класса
header.classList.add('new-class');

Рекомендации по обеспечению доступности (a11y)

• Используйте <th> для заголовков столбцов и строк таблицы.
• Применяйте атрибут scope для указания области, на которую распространяется заголовок, это улучшает доступность.

Полезные ссылки