Атрибут align тега <thead>

Описание

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

Пример использования:
<table border="1"> <thead align="center"> <tr> <th>Продукт</th> <th>Цена</th> </tr> </thead> <tbody> <tr> <td>Ноутбук</td> <td>45 000₽</td> </tr> </tbody> </table>

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

Значение Описание CSS-эквивалент
left Выравнивание по левому краю (по умолчанию) text-align: left
center Выравнивание по центру text-align: center
right Выравнивание по правому краю text-align: right
justify Выравнивание по ширине text-align: justify

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

  • Устаревший атрибут (не соответствует стандартам HTML5)
  • Применяется ко всем ячейкам внутри <thead>
  • Может быть переопределён для отдельных ячеек
  • Поддерживается браузерами для обратной совместимости

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

<style> .table-header-group th { text-align: center; background-color: #f2f2f2; } </style> <table border="1"> <thead class="table-header-group"> <tr> <th>Продукт</th> <th>Цена</th> </tr> </thead> <tbody> <tr> <td>Ноутбук</td> <td>45 000₽</td> </tr> </tbody> </table>

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

  • Всегда используйте CSS вместо атрибута align
  • Для числовых данных применяйте text-align: right
  • Используйте классы для разных типов выравнивания
  • Сочетайте с padding для лучшего визуального восприятия

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

  • Не поддерживает современные возможности CSS
  • Нет контроля над вертикальным выравниванием
  • Может конфликтовать с CSS-стилями
  • Не работает с Flexbox/Grid layout

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

  • Используйте CSS-свойство text-align
  • Применяйте vertical-align для вертикального позиционирования
  • Рассмотрите CSS Grid для сложных макетов