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

Описание

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

Пример использования (устаревший способ):
<table border="1"> <tr> <td height="50">Ячейка высотой 50px</td> <td height="20%">Ячейка высотой 20%</td> </tr> </table>

Современная CSS-альтернатива:

<style> .fixed-height { height: 50px; } .percent-height { height: 20%; } </style> <table border="1"> <tr> <td class="fixed-height">Ячейка высотой 50px</td> <td class="percent-height">Ячейка высотой 20%</td> </tr> </table>

Рекомендации по установке высоты:

Тип высоты Когда использовать Пример CSS
Фиксированная (px) Для точного контроля размера height: 40px;
Процентная (%) Для адаптивного дизайна height: 15%;
Минимальная (min-height) Гарантированный минимальный размер min-height: 30px;

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

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

Ограничения устаревшего атрибута:

  • Не проходит валидацию в HTML5
  • Ограниченная гибкость по сравнению с CSS
  • Может конфликтовать с CSS-стилями
  • Не поддерживает min/max-height

Примечание: Для сложных макетов таблиц рекомендуется использовать CSS Flexbox или Grid вместо управления высотой отдельных ячеек.