Тег <center>

Описание

Тег <center> устарел в HTML5 и не рекомендуется к использованию. Ранее использовался для центрирования содержимого по горизонтали.

Важно! Вместо тега <center> всегда используйте CSS-решения.
Историческое использование (устаревшее):
<center> <h2>Это центрированный заголовок</h2> <p>И центрированный текст</p> </center>
Современная альтернатива (CSS):
<div style="text-align: center"> <h2>Это центрированный заголовок</h2> <p>И центрированный текст</p> </div> <!-- Или для блочных элементов --> <div style="margin: 0 auto; width: 80%"> Центрированный блок </div>
Flexbox-центрирование:
<div style="display: flex; justify-content: center"> <button>Кнопка по центру</button> </div> <!-- Вертикальное и горизонтальное центрирование --> <div style="display: flex; justify-content: center; align-items: center; height: 200px"> Полностью центрированный контент </div>
Почему <center> больше не используется:
  • Нарушает принцип разделения содержания и оформления
  • Устарел в HTML5 и может не поддерживаться в будущих версиях
  • Менее гибкий, чем CSS-решения
  • Может вызывать проблемы с адаптивностью
Современные CSS-альтернативы:
  • text-align: center - для текстового содержимого
  • margin: 0 auto - для блочных элементов
  • Flexbox (justify-content: center)
  • CSS Grid (place-items: center)

Совет: Для сложных случаев центрирования используйте современные CSS-техники, которые обеспечивают лучшую гибкость и адаптивность.

Атрибуты

accesskey Определяет горячую клавишу для активации/фокусировки элемента
class Задает один или несколько классов CSS для стилизации элемента
contenteditable Указывает, может ли пользователь редактировать содержимое элемента
data-* Используется для хранения пользовательских данных в элементах
dir Определяет направление текста: слева направо (ltr) или справа налево (rtl)
hidden Скрывает элемент, делая его невидимым и недоступным для пользователя
id Уникальный идентификатор элемента в документе
lang Определяет язык содержимого элемента
spellcheck Указывает, должна ли проверяться орфография в содержимом элемента
style Позволяет задавать CSS-стили непосредственно в атрибуте элемента
tabindex Определяет порядок перехода между элементами при нажатии Tab
title Задает всплывающую подсказку при наведении на элемент
translate Указывает, должен ли переводиться текст внутри элемента

Поддержка браузерами
3.0 1.0 2.0 1.0 1.0