Атрибут align тега <caption>
Описание
Атрибут align для элемента <caption> определяет горизонтальное выравнивание текста заголовка таблицы. Обратите внимание, что этот атрибут устарел в HTML5 и вместо него рекомендуется использовать CSS-свойство text-align.
Важно: Атрибут align считается устаревшим (deprecated) и его использование не рекомендуется. Вместо него следует применять CSS.
Пример (устаревший синтаксис):
<table>
<caption align="right">Устаревший способ выравнивания</caption>
<!-- Содержимое таблицы -->
</table>
| Значение | Описание (устаревшее) | CSS-эквивалент |
|---|---|---|
left |
Выравнивание по левому краю | text-align: left |
right |
Выравнивание по правому краю | text-align: right |
center |
Выравнивание по центру | text-align: center |
Современный способ выравнивания (рекомендуется):
<style>
.caption-right {
text-align: right;
caption-side: top; /* Расположение заголовка */
}
</style>
<table>
<caption class="caption-right">Современный способ выравнивания через CSS</caption>
<!-- Содержимое таблицы -->
</table>
Дополнительные возможности CSS:
caption-side: top|bottom- положение заголовка (сверху/снизу таблицы)text-align: justify- выравнивание по ширине- Гибкие варианты позиционирования с Flexbox
Рекомендации:
- Всегда используйте CSS вместо атрибута align
- Для сложного выравнивания применяйте Flexbox или Grid
- Сочетайте text-align с другими стилевыми свойствами
- Проверяйте отображение в разных браузерах
Совет: Для единообразия стилей во всем проекте создайте CSS-классы для различных типов выравнивания заголовков таблиц.
Примечание: Хотя устаревший атрибут align может продолжать работать в браузерах для обратной совместимости, его использование считается плохой практикой в современной веб-разработке.