<center>

Что делает тег

Тег <center> выравнивает по центру текст или другие HTML-элементы внутри блочного элемента. Тег считается устаревшим и больше не рекомендуется к использованию.

Синтаксис тега <center>

<center>Текст или другой элемент HTML, который должен быть выровнен по центру</center>

Спецификация HTML

Тег <center> устарел в HTML 4.01 и не является частью спецификации HTML Living Standard.

Семантический или нет

Тег <center> не считается семантическим, так как не придаёт никакого конкретного значения содержимому.

Примеры использования

Выравнивание текста по центру:

<div>
  <center>Этот текст будет выровнен по центру</center>
</div> 

Выравнивание изображения по центру:

<div>
  <center><img src="example.jpg"></center>
</div>

Выравнивание формы по центру:

<div>
  <center>
    <форма>
      <!-- элементы формы идут здесь -->
    </form>
  </center>
</div>

Выравнивание видео по центру:

<div>
  <center><video src="example.mp4"></video></center>
</div>

Для чего использовать тег <center>

• Для выравнивания заголовка страницы.
• Для выравнивания логотипа компании или другого изображения.
• Для выравнивания таблицы.
• Для выравнивания формы обратной связи.
• Для выравнивания рекламного видео.

Атрибуты тега <center>

У тега <center> нет специфических атрибутов.

Глобальные атрибуты

Тег <center> поддерживает все глобальные атрибуты HTML.

Ограничения тега

Тег <center> считается устаревшим и больше не рекомендуется к использованию.

Нюансы

• Если содержимое внутри <center> шире контейнера, в котором находится тег, оно выйдет за пределы этого контейнера.
• Если тег <center> используется несколько раз на странице, это может усложнить чтение и сопровождение кода.

Поддержка браузеров

Тег поддерживается всеми современными браузерами.

Актуальная информация — на сaniuse.

Альтернативные теги

В качестве альтернативы можно использовать тег <div> для создания элемента контейнера с заданной шириной, а затем использовать свойство margin для выравнивания элемента контейнера по центру. Например:

<div style="width: 80%; margin: 0 auto;">
  <!-- содержание помещается здесь -->
</div>

Чем заменить тег

Тег <center> можно заменить на CSS-стили, чтобы выровнять содержимое веб-страницы по центру:

.element {
  margin: 0 auto;
  display: block;
}

Также можно использовать тег <div> для создания контейнера с заданной шириной и свойство margin — для выравнивания контейнера по центру.

Актуальность

Тег <center> устарел, не используйте его в веб-разработке.

Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.