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

Описание

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

Пример использования:
<table border="1"> <tr> <th width="150">Фиксированная ширина (150px)</th> <th width="30%">Относительная ширина (30%)</th> </tr> <tr> <td>Содержимое</td> <td>Содержимое</td> </tr> </table>

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

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

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

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

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

<style> .fixed-width { width: 150px; min-width: 150px; } .relative-width { width: 30%; } </style> <table border="1"> <tr> <th class="fixed-width">Фиксированная ширина</th> <th class="relative-width">Относительная ширина</th> </tr> </table>

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

  • Всегда используйте CSS вместо атрибута width
  • Для адаптивных таблиц применяйте относительные единицы (%, vw)
  • Сочетайте с min-width и max-width
  • Используйте table-layout: fixed для точного контроля

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

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

Примечание: Для профессионального управления шириной столбцов:

  • Используйте CSS table-layout: fixed
  • Применяйте медиа-запросы для адаптивности
  • Для сложных макетов используйте CSS Grid
  • Комбинируйте с colgroup и col

Сравнение подходов:

Характеристика width атрибут CSS width
Поддержка единиц px, % px, %, em, rem, vw, vh и др.
Гибкость Ограниченная Полная
Приоритет Низкий Высокий