❌ Эта статья об устаревшем теге, спецификация HTML не рекомендует использовать его в веб-разработке.

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

Тег <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.


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

ТелеграмПодкастБесплатные учебники

Читать дальше

<div>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<dl>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<option>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<ul>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023