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

Описание

Атрибут height в теге <th> задаёт высоту ячейки таблицы в пикселях или процентах. Этот атрибут устарел в HTML5 и заменён на CSS-свойство height.

Пример использования:
<table border="1"> <tr> <th height="50">Заголовок 1</th> <th height="20%">Заголовок 2</th> </tr> <tr> <td>Ячейка 1</td> <td>Ячейка 2</td> </tr> </table>

Форматы значений:

Тип значения Пример Описание
Пиксели height="50" Абсолютное значение в пикселях
Проценты height="20%" Относительное значение в % от высоты таблицы

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

  • Устаревший атрибут (deprecated в HTML5)
  • Поддерживается браузерами для обратной совместимости
  • Приоритет ниже, чем у CSS-стилей
  • Может работать некорректно в сложных таблицах

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

<style> .tall-header { height: 50px; min-height: 50px; } .short-header { height: 20%; } </style> <table border="1"> <tr> <th class="tall-header">Высокий заголовок</th> <th class="short-header">Низкий заголовок</th> </tr> </table>

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

  • Всегда используйте CSS вместо атрибута height
  • Для адаптивных таблиц применяйте относительные единицы (vh, %)
  • Сочетайте с min-height и max-height
  • Учитывайте line-height для текстового содержимого

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

  • Не поддерживает современные единицы измерения (rem, vh)
  • Нет контроля над минимальной/максимальной высотой
  • Может конфликтовать с CSS-стилями
  • Не работает с CSS Grid и Flexbox таблицами

Примечание: Для адаптивного управления высотой используйте:

  • CSS-свойство height с разными единицами
  • Медиа-запросы для разных устройств
  • CSS Flexbox для сложных макетов
  • JavaScript для динамического изменения размеров