Атрибут rowspan тега <td>

Описание

Атрибут rowspan для элемента <td> определяет количество строк таблицы, которые должна занимать ячейка. Это позволяет создавать вертикально объединённые ячейки в таблицах.

Пример использования:
<table border="1"> <tr> <td rowspan="2">Объединённая ячейка на 2 строки</td> <td>Ячейка 1</td> </tr> <tr> <td>Ячейка 2</td> </tr> </table>

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

Значение Описание Когда использовать
1 Ячейка занимает 1 строку (значение по умолчанию) Обычные ячейки таблицы
2 и более Ячейка объединяет указанное количество строк Боковые заголовки, многострочные данные

Особенности работы:

  • Объединённые ячейки "поглощают" ячейки в строках ниже
  • Требует удаления соответствующих ячеек в последующих строках
  • Может комбинироваться с colspan для сложных объединений
  • Поддерживается всеми браузерами

Пример сложного объединения:

<table border="1"> <tr> <td rowspan="2">Категория</td> <td colspan="2">Показатели</td> </tr> <tr> <td>2013</td> <td>2014</td> </tr> <tr> <td>Электроника</td> <td>150</td> <td>200</td> </tr> </table>

Рекомендации:

  • Используйте для боковых заголовков групп строк
  • Сочетайте с colspan для сложных макетов
  • Проверяйте целостность структуры таблицы
  • Добавляйте CSS-стили для лучшей визуализации

Ограничения:

  • Усложняет адаптацию таблицы для мобильных устройств
  • Требует точного подсчёта строк в группе
  • Может вызывать проблемы с выравниванием содержимого

Примечание: Для сложных табличных макетов с объединёнными ячейками всегда проверяйте валидность HTML-структуры.