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


Описание

Атрибут align для тега <table> является устаревшим в HTML5 и определяет выравнивание таблицы относительно окружающего контента. Вместо него следует использовать CSS.

Важно: Атрибут align считается устаревшим (deprecated) и его использование не рекомендуется в новых проектах.

Исторические значения:

Значение Описание
left Выравнивание таблицы по левому краю
right Выравнивание таблицы по правому краю
center Выравнивание таблицы по центру

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

  • Для самой таблицы:
    • margin-left: auto; margin-right: auto; - центрирование
    • float: left; или float: right; - обтекание
  • Для содержимого ячеек:
    • text-align - горизонтальное выравнивание
    • vertical-align - вертикальное выравнивание

Пример правильного центрирования:

<style> .centered-table { margin-left: auto; margin-right: auto; } </style> <table class="centered-table"> <tr> <th>Заголовок</th> <th>Заголовок</th> </tr> <tr> <td>Данные</td> <td>Данные</td> </tr> </table>

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

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

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

  • Ограниченный контроль над позиционированием
  • Нет поддержки современных техник верстки
  • Может конфликтовать с CSS-стилями
  • Не работает в строгом режиме HTML5

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