Атрибут align тега <th>
Описание
Атрибут align в теге <th> определяет горизонтальное выравнивание содержимого ячейки таблицы. Этот атрибут устарел в HTML5 и рекомендуется использовать CSS-свойство text-align вместо него.
<table border="1">
<tr>
<th align="left">Левый край</th>
<th align="center">По центру</th>
<th align="right">Правый край</th>
</tr>
<tr>
<td>Текст</td>
<td>Текст</td>
<td>Текст</td>
</tr>
</table>
Значения атрибута:
| Значение | Описание | CSS-эквивалент |
|---|---|---|
left |
Выравнивание по левому краю | text-align: left |
center |
Выравнивание по центру | text-align: center |
right |
Выравнивание по правому краю | text-align: right |
justify |
Выравнивание по ширине | text-align: justify |
char |
Выравнивание по указанному символу | text-align: char |
Особенности работы:
- Устаревший атрибут (deprecated в HTML5)
- Поддерживается браузерами для обратной совместимости
- Не рекомендуется для использования в новых проектах
- Менее гибкий, чем CSS-аналоги
Современная альтернатива на CSS:
<style>
.table-head-left { text-align: left; }
.table-head-center { text-align: center; }
.table-head-right { text-align: right; }
</style>
<table border="1">
<tr>
<th class="table-head-left">Левый край</th>
<th class="table-head-center">По центру</th>
<th class="table-head-right">Правый край</th>
</tr>
</table>
Рекомендации:
- Используйте CSS вместо этого атрибута
- Для сложного выравнивания применяйте стили
- Для вертикального выравнивания используйте
vertical-align - Группируйте стили через классы
Ограничения:
- Не поддерживает современные возможности CSS
- Нет контроля над отступами и другими свойствами
- Может конфликтовать с CSS-стилями
Примечание: Для сложного форматирования таблиц используйте:
- CSS-свойство
text-align - CSS-свойство
vertical-align - CSS Flexbox или Grid для сложных макетов