Атрибут 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 в сочетании с табличной разметкой.