Атрибут align тега <tfoot>
Описание
Атрибут align в теге <tfoot> определяет горизонтальное выравнивание содержимого в нижнем колонтитуле таблицы. Этот атрибут устарел в HTML5 и не рекомендуется к использованию.
<table border="1">
<thead>
<tr><th>Заголовок</th></tr>
</thead>
<tbody>
<tr><td>Данные</td></tr>
</tbody>
<tfoot align="right">
<tr><td>Итого: 100</td></tr>
</tfoot>
</table>
Значения атрибута (устаревшие):
| Значение | Описание |
|---|---|
left |
Выравнивание по левому краю |
center |
Выравнивание по центру |
right |
Выравнивание по правому краю |
justify |
Выравнивание по ширине |
char |
Выравнивание по указанному символу (редко используется) |
Современная альтернатива с CSS:
<style>
.table-footer {
text-align: right;
}
</style>
<table>
<tfoot class="table-footer">
<tr><td>Итого: 100</td></tr>
</tfoot>
</table>
Рекомендации:
- Вместо атрибута align используйте CSS свойство text-align
- Для сложного выравнивания применяйте стили к отдельным ячейкам
- Используйте семантические классы для стилизации
- Избегайте устаревших атрибутов в новых проектах
Пример полной таблицы с CSS-стилизацией:
<style>
.data-table {
width: 100%;
border-collapse: collapse;
}
.data-table tfoot {
background-color: #f5f5f5;
font-weight: bold;
}
.data-table tfoot td {
text-align: right;
padding: 8px;
}
</style>
<table class="data-table">
<thead>
<tr><th>Продукт</th><th>Цена</th></tr>
</thead>
<tbody>
<tr><td>Товар 1</td><td>100</td></tr>
<tr><td>Товар 2</td><td>200</td></tr>
</tbody>
<tfoot>
<tr><td>Итого:</td><td>300</td></tr>
</tfoot>
</table>
Ограничения устаревшего атрибута:
- Не поддерживается в строгом режиме HTML5
- Ограниченная гибкость по сравнению с CSS
- Не работает с современными методами верстки
- Может конфликтовать с CSS-стилями
Примечание: Для сложных таблиц рекомендуется:
- Использовать CSS Flexbox или Grid для макета
- Применять семантические классы
- Использовать CSS-переменные для единообразия