HTML-тег <td>

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

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

Атрибуты

• colspan — Определяет количество столбцов, которые должна охватывать ячейка.
• rowspan — Определяет количество строк, которые должна охватывать ячейка.
• headers — Указывает, к каким заголовочным ячейкам относится данная ячейка.
• scope — Определяет область, на которую распространяется заголовок ячейки.

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

<tr>
  <td id="myCell">Данные ячейки</td>
</tr>

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

// Получение ячейки по ID
const cell = document.getElementById('myCell');

// Изменение содержимого
cell.innerHTML = 'Новое содержимое';

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

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

• Используйте <td> для ячеек данных в таблице.
• При необходимости используйте атрибуты colspan и rowspan для объединения ячеек.
• Используйте ARIA-атрибуты, такие как aria-describedby, для улучшения доступности при сложных таблицах.

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